fix(formi): upgrade nuxt

Author: DerYeger

.changeset/spicy-peaches-turn.md

@@ -0,0 +1,5 @@
+---
+'formi': minor
+---
+
+upgrade nuxt

.npmrc

@@ -1,9 +1,5 @@
 public-hoist-pattern[]=*eslint*
-public-hoist-pattern[]=*nuxt*
 public-hoist-pattern[]=*prettier*
 public-hoist-pattern[]=*vitest*
-public-hoist-pattern[]=*vue*
-public-hoist-pattern[]=defu
 public-hoist-pattern[]=next
 public-hoist-pattern[]=publint
-public-hoist-pattern[]=ufo

.syncpackrc

@@ -6,15 +6,6 @@
     "resolutions"
   ],
   "versionGroups": [
-    {
-      "dependencies": [
-        "vue"
-      ],
-      "packages": [
-        "@yeger/vue-masonry-wall",
-        "@yeger/vue-masonry-wall-docs"
-      ]
-    },
     {
       "dependencies": [
         "@vue/test-utils",

apps/formi/app.vue

@@ -1,4 +1,5 @@
 <template>
+  <NuxtPwaManifest />
   <NuxtLayout>
     <NuxtPage />
   </NuxtLayout>

apps/formi/components/Toolbar.vue

@@ -20,8 +20,8 @@ const { homeLink } = useLinks()
     <div class="flex-1" />
     <Icon
       name="carbon:save"
-      class="transition-color font-bold text-stone-900 duration-500"
-      :class="{ 'text-stone-400': !loading }"
+      class="transition-color font-bold duration-500"
+      :class="{ 'text-stone-900': loading, 'text-stone-400': !loading }"
     />
   </div>
 </template>

apps/formi/nuxt.config.ts

@@ -28,9 +28,9 @@ export default defineNuxtConfig({
     },
   },
   modules: [
-    '@kevinmarrec/nuxt-pwa',
     '@nuxtjs/robots',
     '@unocss/nuxt',
+    '@vite-pwa/nuxt',
     '@vueuse/nuxt',
     'nuxt-icon',
   ],
@@ -39,16 +39,28 @@ export default defineNuxtConfig({
     transpile: ['vue-toastification'],
   },
   pwa: {
+    registerType: 'autoUpdate',
     manifest: {
       name: appName,
       short_name: appName,
+      description:
+        'Formi is a web-application for model checking first-order-logic formulas.',
       background_color: '#f5f5f4',
       theme_color: '#f5f5f4',
+      icons: [
+        {
+          src: '512x512.png',
+          sizes: '512x512',
+          type: 'image/png',
+          purpose: 'any maskable',
+        },
+      ],
     },
-    meta: {
-      favicon: false,
-      description:
-        'Formi is a web-application for model checking first-order-logic formulas.',
+    workbox: {
+      globPatterns: ['**/*.{js,css,html,png,svg,ico}'],
+    },
+    client: {
+      installPrompt: true,
     },
   },
   unocss: {

apps/formi/package.json

@@ -27,20 +27,22 @@
     "zod": "3.22.4"
   },
   "devDependencies": {
-    "@kevinmarrec/nuxt-pwa": "0.17.0",
     "@nuxtjs/robots": "3.0.0",
+    "@unhead/shared": "1.8.10",
     "@unocss/nuxt": "0.58.4",
     "@unocss/reset": "0.58.4",
+    "@vite-pwa/nuxt": "0.4.0",
     "@vue/shared": "3.4.15",
     "@vueuse/core": "10.7.2",
     "@vueuse/nuxt": "10.7.2",
     "node-fetch-native": "1.6.1",
-    "nuxt": "3.5.3",
-    "nuxt-icon": "0.2.6",
+    "nuxt": "3.9.3",
+    "nuxt-icon": "0.6.8",
     "typescript": "5.3.3",
     "ufo": "1.3.2",
     "vite": "5.0.12",
     "vue": "3.4.15",
+    "vue-router": "4.2.5",
     "vue-tsc": "1.8.27"
   }
 }

apps/formi/tsconfig.json

@@ -1,4 +1,7 @@
 {
   // https://nuxt.com/docs/guide/concepts/typescript
   "extends": "./.nuxt/tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": "./.nuxt",
+  },
 }

package.json

@@ -15,7 +15,7 @@
     "bundlesize": "nr turbo run bundlesize",
     "changeset": "changeset",
     "ci": "cross-env COVERAGE=true nr turbo run build bundlesize generate lint test check:publish check:tsc check:vue --output-logs=errors-only",
-    "clean": "rimraf -g **/.tsbuildinfo **/tsconfig.tsbuildinfo",
+    "clean": "rimraf -g **/.tsbuildinfo **/tsconfig.tsbuildinfo **/vite.config.ts.*",
     "dev": "nr turbo run dev --parallel",
     "fix": "nr turbo run lint lint:root -- --fix",
     "codegen": "nr turbo run codegen",
@@ -59,6 +59,9 @@
     "vitest": "1.2.2"
   },
   "pnpm": {
+    "overrides": {
+      "@codemirror/state": "6.2.0"
+    },
     "packageExtensions": {
       "vue-template-compiler": {
         "peerDependencies": {