chore: update nuxt example

Author: raulrusu88

nuxt.config.ts

@@ -1,13 +1,12 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 
-
 export default defineNuxtConfig({
   // vue: {
   //   compilerOptions: {
   //     isCustomElement: (tag) => tag.startsWith("VueUi")
   //   }
   // }
   devtools: { enabled: true },
-
-  compatibilityDate: "2024-09-29"
-})
+  plugins: ["./plugins/vue-data-ui.client.ts"],
+  compatibilityDate: "2024-09-29",
+});

pages/index.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 
 import { type VueUiXyConfig, type VueUiXyDatasetItem, VueUiXy } from "vue-data-ui";
-import "vue-data-ui/style.css";
 
 const config = ref<VueUiXyConfig>({
     chart: {
@@ -54,4 +53,4 @@ const dataset = ref<VueUiXyDatasetItem[]>([
         <VueUiXy :dataset="dataset" :config="config" />
     </ClientOnly>
     </div>
-</template>
+</template>

plugins/vue-data-ui.client.ts

@@ -1,5 +1,10 @@
-import { VueUiXy } from "vue-data-ui";
+import { VueUiXy, VueDataUi } from "vue-data-ui";
+import 'vue-data-ui/style.css'
 
 export default defineNuxtPlugin((nuxtApp) => {
     nuxtApp.vueApp.component("VueUiXy", VueUiXy);
-})
+
+
+  // OR register the universal component if you plan to use it
+  nuxtApp.vueApp.component("VueDataUi", VueDataUi);
+})