wip:

.gitignore

@@ -7,3 +7,4 @@ dist
 .env
 .idea/
 public/assets/fonts
+.rolldown

app/app.vue

@@ -1,13 +1,16 @@
 <script setup lang="ts">
 import { appName } from '~/constants'
 
+if (import.meta.client) {
+  import('@vitejs/devtools/client/inject')
+}
+
 useHead({
   title: appName,
 })
 </script>
 
 <template>
-  <VitePwaManifest />
   <NuxtLayout>
     <NuxtPage />
   </NuxtLayout>

app/pages/index.vue

@@ -2,31 +2,13 @@
 definePageMeta({
   layout: 'home',
 })
-
-const online = useOnline()
 </script>
 
 <template>
   <div>
-    <Logos mb-6 />
-    <ClientOnly>
-      <Suspense>
-        <PageView v-if="online" />
-        <div v-else text-gray:80>
-          You're offline
-        </div>
-        <template #fallback>
-          <div op50 italic>
-            <span animate-pulse>Loading...</span>
-          </div>
-        </template>
-      </Suspense>
-      <template #fallback>
-        <div op50>
-          <span animate-pulse>...</span>
-        </div>
-      </template>
-    </ClientOnly>
+    <h1 text-xl>
+      Demo App
+    </h1>
     <InputEntry />
   </div>
 </template>

modules/vite.ts

@@ -0,0 +1,39 @@
+import { addVitePlugin, defineNuxtModule } from '@nuxt/kit'
+import { DevTools } from '@vitejs/devtools'
+
+export default defineNuxtModule({
+  meta: {
+    name: 'vite',
+  },
+  setup() {
+    addVitePlugin(DevTools())
+    addVitePlugin({
+      name: 'nuxt:devtools',
+      devtools: {
+        setup(ctx) {
+          ctx.docks.register({
+            id: 'vitest',
+            type: 'iframe',
+            icon: 'https://vitest.dev/logo.svg',
+            title: 'Vitest',
+            url: 'http://localhost:51204/__vitest__/#/',
+          })
+          ctx.docks.register({
+            id: 'nuxt',
+            type: 'iframe',
+            icon: 'https://nuxt.com/assets/design-kit/icon-green.svg',
+            title: 'Nuxt',
+            url: '/__nuxt_devtools__/client/',
+          })
+          ctx.docks.register({
+            id: 'unocss',
+            type: 'iframe',
+            icon: 'https://unocss.dev/logo.svg',
+            title: 'Vitest',
+            url: '/__unocss',
+          })
+        },
+      },
+    })
+  },
+})

nuxt.config.ts

@@ -1,4 +1,3 @@
-import { pwa } from './app/config/pwa'
 import { appDescription } from './app/constants/index'
 
 export default defineNuxtConfig({
@@ -7,7 +6,6 @@ export default defineNuxtConfig({
     '@unocss/nuxt',
     '@pinia/nuxt',
     '@nuxtjs/color-mode',
-    '@vite-pwa/nuxt',
     '@nuxt/eslint',
   ],
 
@@ -57,10 +55,13 @@ export default defineNuxtConfig({
         target: 'esnext',
       },
     },
-    prerender: {
-      crawlLinks: false,
-      routes: ['/'],
-      ignore: ['/hi'],
+  },
+
+  vite: {
+    build: {
+      rollupOptions: {
+        debug: {},
+      },
     },
   },
 
@@ -72,6 +73,4 @@ export default defineNuxtConfig({
       },
     },
   },
-
-  pwa,
 })

package.json

@@ -12,6 +12,7 @@
     "start": "node .output/server/index.mjs",
     "start:generate": "npx serve .output/public",
     "lint": "eslint .",
+    "test": "vitest",
     "typecheck": "nuxt typecheck"
   },
   "devDependencies": {
@@ -20,11 +21,15 @@
     "@iconify-json/twemoji": "catalog:icons",
     "@nuxt/devtools": "catalog:build",
     "@nuxt/eslint": "catalog:build",
+    "@nuxt/kit": "catalog:build",
     "@nuxtjs/color-mode": "catalog:build",
     "@pinia/nuxt": "catalog:build",
+    "@pnpm/logger": "catalog:",
     "@unocss/eslint-config": "catalog:build",
     "@unocss/nuxt": "catalog:build",
     "@vite-pwa/nuxt": "catalog:build",
+    "@vitejs/devtools": "catalog:",
+    "@vitest/ui": "catalog:",
     "@vueuse/core": "catalog:frontend",
     "@vueuse/nuxt": "catalog:build",
     "eslint": "catalog:dev",
@@ -33,6 +38,7 @@
     "pinia": "catalog:frontend",
     "typescript": "catalog:dev",
     "unocss": "catalog:build",
+    "vitest": "catalog:",
     "vue": "catalog:frontend",
     "vue-tsc": "catalog:dev"
   },

pnpm-workspace.yaml

@@ -1,4 +1,11 @@
 packages: []
+
+catalog:
+  '@pnpm/logger': ^1001.0.0
+  '@vitejs/devtools': 0.0.0-alpha.6
+  '@vitest/ui': ^3.2.4
+  vitest: ^3.2.4
+
 catalogs:
   build:
     '@nuxt/devtools': ^2.6.5
@@ -13,7 +20,7 @@ catalogs:
     nuxt: ^4.1.2
     unocss: ^66.5.2
     unplugin: ^2.3.10
-    vite: ^7.1.8
+    vite: npm:rolldown-vite@^7.1.14
   dev:
     '@antfu/eslint-config': ^5.4.1
     eslint: ^9.36.0
@@ -27,6 +34,7 @@ catalogs:
   icons:
     '@iconify-json/carbon': ^1.2.13
     '@iconify-json/twemoji': ^1.2.4
+
 onlyBuiltDependencies:
   - '@parcel/watcher'
   - esbuild