core(update): nuxt-primevue 1.4.1, stores auto imported

components/app/AppTopbar.vue

@@ -1,7 +1,6 @@
 <script setup lang='ts'>
 import { ref, computed, onMounted, onBeforeUnmount } from 'vue'
 import { useRouter } from 'vue-router'
-import { useThemeStore } from '~/stores'
 const { layoutConfig, onMenuToggle } = useLayout()
 const outsideClickListener = ref(null)
 const topbarMenuActive = ref(false)

layouts/default.vue

@@ -1,7 +1,6 @@
 <script setup lang='ts'>
 import { computed, watch, ref } from 'vue'
 
-import { useThemeStore } from '~/stores'
 import AppMenu from '~/components/app/AppMenu.vue'
 const { layoutConfig, layoutState, isSidebarActive } = useLayout()
 const outsideClickListener = ref(null)

nuxt.config.ts

@@ -30,7 +30,6 @@ export default defineNuxtConfig({
     lazy: true,
     langDir: 'locales',
     defaultLocale: 'en',
-    strategy: 'no_prefix',
     locales: [
       { code: 'en', file: 'en.json', name: 'English' },
       { code: 'de', file: 'de.json', name: 'German' }
@@ -47,7 +46,6 @@ export default defineNuxtConfig({
   css: [
     'primevue/resources/primevue.css',
     'primeicons/primeicons.css',
-    '@sfxcode/formkit-primevue/dist/sass/formkit-prime-inputs.scss',
     '@sfxcode/formkit-primevue/dist/sass/formkit-primevue.scss'
   ],
   pinia: {
@@ -57,7 +55,7 @@ export default defineNuxtConfig({
     ]
   },
   build: {
-    transpile: ['nuxt', 'primevue']
+    transpile: ['nuxt', 'primevue', 'formkit-primevue']
   },
   sourcemap: {
     client: false,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt3-primevue-starter",
-  "version": "1.6.6",
+  "version": "1.7.0",
   "license": "MIT",
   "scripts": {
     "build": "nuxi build",
@@ -19,37 +19,37 @@
     "story:preview": "histoire preview"
   },
   "devDependencies": {
-    "@histoire/plugin-nuxt": "^0.17.0",
+    "@histoire/plugin-nuxt": "^0.17.3",
     "@histoire/plugin-vue": "^0.17.1",
     "@iconify-json/carbon": "^1.1.21",
     "@iconify-json/mdi": "^1.1.54",
     "@iconify-json/prime": "^1.1.6",
     "@iconify-json/twemoji": "^1.1.12",
-    "@nuxt/content": "2.8.2",
-    "@nuxt/devtools": "^0.8.4",
-    "@nuxt/test-utils": "^3.7.3",
+    "@nuxt/content": "2.8.5",
+    "@nuxt/devtools": "1.0.0-beta.2",
+    "@nuxt/test-utils": "^3.7.4",
     "@nuxtjs/eslint-config-typescript": "12.1.0",
-    "@nuxtjs/i18n": "8.0.0-rc.4",
-    "@pinia/nuxt": "^0.4.11",
-    "@sfxcode/nuxt-primevue": "^1.3.8",
-    "@tiptap/extension-highlight": "^2.1.11",
-    "@tiptap/extension-text-align": "^2.1.11",
-    "@tiptap/extension-text-style": "^2.1.11",
-    "@tiptap/pm": "^2.1.11",
-    "@tiptap/starter-kit": "^2.1.11",
-    "@tiptap/vue-3": "^2.1.11",
-    "@unocss/nuxt": "0.56.1",
-    "@vitejs/plugin-vue": "^4.3.4",
-    "@vitest/ui": "^0.34.5",
-    "@vueuse/nuxt": "^10.4.1",
+    "@nuxtjs/i18n": "8.0.0-rc.5",
+    "@pinia/nuxt": "^0.5.0",
+    "@sfxcode/nuxt-primevue": "^1.4.0",
+    "@tiptap/extension-highlight": "^2.1.12",
+    "@tiptap/extension-text-align": "^2.1.12",
+    "@tiptap/extension-text-style": "^2.1.12",
+    "@tiptap/pm": "^2.1.12",
+    "@tiptap/starter-kit": "^2.1.12",
+    "@tiptap/vue-3": "^2.1.12",
+    "@unocss/nuxt": "0.56.5",
+    "@vitejs/plugin-vue": "^4.4.0",
+    "@vitest/ui": "^0.34.6",
+    "@vueuse/nuxt": "^10.5.0",
     "c8": "^8.0.1",
-    "eslint": "^8.50.0",
-    "histoire": "^0.17.0",
+    "eslint": "^8.51.0",
+    "histoire": "^0.17.2",
     "jsdom": "^22.1.0",
-    "nuxt": "3.7.3",
-    "sass": "^1.68.0",
+    "nuxt": "3.7.4",
+    "sass": "^1.69.3",
     "typescript": "^5.2.2",
     "unstorage": "^1.9.0",
-    "vitest": "^0.34.5"
+    "vitest": "^0.34.6"
   }
 }

pages/index.vue

@@ -13,7 +13,7 @@ import AdvertiseBox from '@/components/AdvertiseBox.vue'
       Starter for Vue.js Development with Nuxt 3.
     </h2>
     <div class="grid grid-cols-2 lg:grid-cols-3 gap-2">
-      <AdvertiseBox header="PrimeVue 3.33" icon="prime-check-circle" color="green-600">
+      <AdvertiseBox header="PrimeVue 3.36" icon="prime-check-circle" color="green-600">
         Excellent Component Library for VUE
       </AdvertiseBox>
       <AdvertiseBox header="PrimeVue Theme & Layout" icon="prime-check-circle" color="green-600">

pages/prime/datatable.vue

@@ -1,7 +1,6 @@
 <script setup lang='ts'>
 import { FilterMatchMode } from 'primevue/api'
 import { usePrimeDataTable } from '#imports'
-import { useDataStore } from '@/stores'
 
 const { tableData, filters, dataTableRef, exportCSV } = usePrimeDataTable()
 

pages/prime/validation.vue

@@ -1,9 +1,13 @@
 <template>
   <div>
     <div class="card">
-      <PrimeDemoForm />
+      <div class="max-w-md">
+        <PrimeDemoForm />
+      </div>
     </div>
   </div>
 </template>
 
+<script setup lang='ts'>
+</script>
 <style scoped></style>

pages/stores.vue

@@ -1,5 +1,4 @@
 <script setup lang='ts'>
-import { useDataStore, useThemeStore, useCounterStore } from '@/stores'
 
 const themeStore = useThemeStore()
 const dataStore = useDataStore()