core(dependencies): update all dependencies - nuxt test utils setup

components/ToDo.vue

@@ -0,0 +1,26 @@
+<script setup lang='ts'>
+const props = defineProps({
+  text: {
+    type: String,
+    default: 'TODO',
+  },
+})
+</script>
+
+<template>
+  <div>
+    <div class="todo m-4 flex gap-2">
+      <i class="i-mdi-information text-3xl text-[color:var(--primary-color)]" />
+      <div data-testid="test_todo" class="text-2xl">
+        {{ text }}
+      </div>
+    </div>
+    <div class="pt-4 pl-1">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+</style>

nuxt.config.ts

@@ -18,7 +18,11 @@ export default defineNuxtConfig({
     '@nuxtjs/i18n',
     '@nuxt/content',
     '@vueuse/nuxt',
+    '@nuxt/test-utils/module',
   ],
+  formkit: {
+    autoImport: true,
+  },
   content: {
     highlight: {
       theme: 'one-dark-pro',

package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt3-primevue-starter",
   "type": "module",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "license": "MIT",
   "scripts": {
     "build": "nuxi build",
@@ -19,38 +19,39 @@
     "postinstall": "nuxt prepare"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "2.13.3",
+    "@antfu/eslint-config": "2.16.0",
     "@formkit/nuxt": "1.6.2",
     "@iconify-json/carbon": "^1.1.31",
     "@iconify-json/mdi": "^1.1.66",
     "@iconify-json/prime": "^1.1.11",
     "@iconify-json/twemoji": "^1.1.15",
     "@nuxt/content": "2.12.1",
-    "@nuxt/devtools": "1.1.5",
-    "@nuxt/test-utils": "^3.12.0",
-    "@nuxtjs/i18n": "8.3.0",
+    "@nuxt/devtools": "1.2.0",
+    "@nuxt/test-utils": "^3.12.1",
+    "@nuxtjs/i18n": "8.3.1",
     "@pinia/nuxt": "^0.5.1",
-    "@sfxcode/formkit-primevue": "^1.9.11",
+    "@sfxcode/formkit-primevue": "^1.9.12",
     "@tiptap/extension-highlight": "^2.3.0",
     "@tiptap/extension-text-align": "^2.3.0",
     "@tiptap/extension-text-style": "^2.3.0",
     "@tiptap/pm": "^2.3.0",
     "@tiptap/starter-kit": "^2.3.0",
     "@tiptap/vue-3": "^2.3.0",
-    "@unocss/nuxt": "^0.59.2",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vitest/ui": "^1.5.0",
+    "@unocss/nuxt": "^0.59.4",
+    "@vitest/ui": "^1.5.2",
+    "@vue/test-utils": "^2.4.5",
     "@vueuse/nuxt": "^10.9.0",
     "c8": "^9.1.0",
-    "eslint": "^9.0.0",
+    "eslint": "^9.1.1",
+    "happy-dom": "^14.7.1",
     "jsdom": "^24.0.0",
     "nuxt": "^3.11.2",
     "nuxt-primevue": "^0.3.1",
-    "primevue": "^3.51.0",
-    "quill": "^1.3.7",
+    "primevue": "^3.52.0",
+    "quill": "^2.0.0",
     "sass": "^1.75.0",
     "typescript": "^5.4.5",
     "unstorage": "^1.10.2",
-    "vitest": "^1.5.0"
+    "vitest": "^1.5.2"
   }
 }

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.51.x" icon="prime-check-circle" color="green-600">
+      <AdvertiseBox header="PrimeVue 3.52.x" 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/templates/blueprint.vue

@@ -1,5 +1,5 @@
 <script setup lang='ts'>
-
+import ToDo from '~/components/ToDo.vue'
 </script>
 
 <template>
@@ -9,6 +9,9 @@
     <NuxtLink to="/">
       Home page
     </NuxtLink>
+    <div>
+      <ToDo text="Work in Progress" />
+    </div>
   </div>
 </template>