feat: ✨ Upgrade to Nuxt v4 (#175)

* refactor: ♻️ Update to github issue text

* feat: ✨ Update to nuxt v4 for /ui

Author: slugb0t

.gitignore

@@ -11,3 +11,4 @@ public/assets/css/styles.css
 nuxt-app/.nuxt/
 .vercel
 bot/yarn-error.log
+.vscode/

ui/.gitignore

@@ -5,6 +5,7 @@
 .nitro
 .cache
 dist
+.vscode/
 
 # Node dependencies
 node_modules

ui/components.d.ts

@@ -17,20 +17,25 @@ declare module 'vue' {
     NCheckbox: typeof import('naive-ui')['NCheckbox']
     NCollapse: typeof import('naive-ui')['NCollapse']
     NCollapseItem: typeof import('naive-ui')['NCollapseItem']
+    NCollapseTransition: typeof import('naive-ui')['NCollapseTransition']
+    NDatePicker: typeof import('naive-ui')['NDatePicker']
     NDivider: typeof import('naive-ui')['NDivider']
     NDropdown: typeof import('naive-ui')['NDropdown']
+    NDynamicInput: typeof import('naive-ui')['NDynamicInput']
     NEmpty: typeof import('naive-ui')['NEmpty']
     NFlex: typeof import('naive-ui')['NFlex']
     NForm: typeof import('naive-ui')['NForm']
     NFormItem: typeof import('naive-ui')['NFormItem']
     NImage: typeof import('naive-ui')['NImage']
     NInput: typeof import('naive-ui')['NInput']
     NModal: typeof import('naive-ui')['NModal']
+    NPopconfirm: typeof import('naive-ui')['NPopconfirm']
     NPopover: typeof import('naive-ui')['NPopover']
     NRadio: typeof import('naive-ui')['NRadio']
     NRadioButton: typeof import('naive-ui')['NRadioButton']
     NRadioGroup: typeof import('naive-ui')['NRadioGroup']
     NSelect: typeof import('naive-ui')['NSelect']
+    NSpace: typeof import('naive-ui')['NSpace']
     NSpin: typeof import('naive-ui')['NSpin']
     NSwitch: typeof import('naive-ui')['NSwitch']
     NTag: typeof import('naive-ui')['NTag']

ui/nuxt.config.ts

@@ -30,16 +30,13 @@ export default defineNuxtConfig({
   },
 
   build: {
-    transpile:
-      process.env.NODE_ENV === "production"
-        ? [
-            "naive-ui",
-            "vueuc",
-            "@css-render/vue3-ssr",
-            "@juggle/resize-observer",
-            "vue-countup-v3",
-          ]
-        : ["@juggle/resize-observer", "vue-countup-v3"],
+    transpile: [
+      "naive-ui",
+      "vueuc",
+      "@css-render/vue3-ssr",
+      "@juggle/resize-observer",
+      "vue-countup-v3",
+    ],
   },
 
   colorMode: {
@@ -76,7 +73,7 @@ export default defineNuxtConfig({
         },
       },
     ],
-    "nuxt-icon",
+    "@nuxt/icon",
   ],
 
   notivue: {

ui/package.json

@@ -29,6 +29,7 @@
   },
   "dependencies": {
     "@lucia-auth/adapter-prisma": "^4.0.1",
+    "@nuxt/icon": "^2.1.1",
     "@paralleldrive/cuid2": "^2.2.2",
     "@pinia/nuxt": "^0.5.3",
     "@prisma/client": "^5.19.1",
@@ -44,8 +45,8 @@
     "lucide-vue-next": "^0.487.0",
     "md-editor-v3": "4.20.2",
     "motion-v": "^1.0.0-beta.0",
-    "notivue": "2.4.5",
-    "nuxt": "3.13.1",
+    "notivue": "2.4.3",
+    "nuxt": "^4.2.2",
     "nuxtjs-naive-ui": "^1.0.2",
     "octokit": "^4.0.2",
     "pinia": "^2.2.2",
@@ -57,6 +58,7 @@
     "vue": "^3.4.21",
     "vue-countup-v3": "^1.4.2",
     "vue-router": "^4.3.0",
+    "vueuc": "^0.4.65",
     "yaml": "^2.4.5",
     "zod": "^3.23.5"
   },
@@ -84,10 +86,9 @@
     "git-removed-branches": "^2.3.1",
     "jest": "^29.7.0",
     "localtunnel": "^2.0.2",
-    "naive-ui": "^2.40.0",
+    "naive-ui": "^2.43.2",
     "nock": "^13.5.4",
     "npm-run-all": "^4.1.5",
-    "nuxt-icon": "0.6.10",
     "postcss": "^8.5.3",
     "prettier": "^3.2.5",
     "prettier-plugin-tailwindcss": "^0.6.10",