bump: template and all configs to Nuxt 4

Author: zoey-kaiser

src/configs/i18n.ts

@@ -50,7 +50,7 @@ const i18n: ModuleConfig = {
   dependencies: [
     {
       name: '@nuxtjs/i18n',
-      version: '^9.2.1',
+      version: '^10.1.0',
       isDev: true
     }
   ],
@@ -64,9 +64,7 @@ const i18n: ModuleConfig = {
       ],
       strategy: 'prefix_except_default',
       detectBrowserLanguage: false,
-      lazy: true,
       experimental: {
-        autoImportTranslationFunctions: true,
         localeDetector: 'localeDetector.ts'
       }
     }
@@ -81,7 +79,7 @@ const i18n: ModuleConfig = {
       content: englishLocaleFile
     },
     {
-      path: 'components/Welcome/I18nDemo.vue',
+      path: 'app/components/Welcome/I18nDemo.vue',
       content: i18nDemoComponent
     }
   ],

src/configs/naiveui.ts

@@ -42,7 +42,7 @@ const naiveui: ModuleConfig = {
   dependencies: [
     {
       name: '@bg-dev/nuxt-naiveui',
-      version: '2.0.0-rc.4',
+      version: '2.0.0',
       isDev: true
     }
   ],
@@ -51,11 +51,11 @@ const naiveui: ModuleConfig = {
   },
   files: [
     {
-      path: 'components/Welcome/NaiveDemo.vue',
+      path: 'app/components/Welcome/NaiveDemo.vue',
       content: naiveDemoComponent
     },
     {
-      path: 'app.vue',
+      path: 'app/app.vue',
       content: nuxtAppVueWithNaiveConfig
     }
   ],

src/configs/prisma.ts

@@ -6,8 +6,10 @@ const prismaRootSchema = `// This is your Prisma schema file,
 // learn more about it in the docs: https://pris.ly/d/prisma-schema
 
 generator client {
-  provider = "prisma-client-js"
-  previewFeatures = ["prismaSchemaFolder"]
+  provider = "prisma-client"
+  output   = "./client"
+
+  engineType = "library"
 }
 
 datasource db {
@@ -49,7 +51,8 @@ const prismaExampleEndpoint = `/**
 export default defineEventHandler(event => event.context.prisma.example.findMany())
 `
 
-const prismaServerMiddleware = `import { PrismaClient } from '@prisma/client'
+const prismaServerMiddleware = `import { PrismaPg } from '@prisma/adapter-pg'
+import { PrismaClient } from '@prisma/client'
 
 let prisma: PrismaClient
 
@@ -61,7 +64,8 @@ declare module 'h3' {
 
 export default eventHandler((event) => {
   if (!prisma) {
-    prisma = new PrismaClient()
+    const adapter = new PrismaPg({ connectionString: process.env.DATABASE_URL })
+    prisma = new PrismaClient({ adapter })
   }
   event.context.prisma = prisma
 })
@@ -166,33 +170,33 @@ const prisma: ModuleConfig = {
   scripts: [
     {
       name: 'db',
-      command: 'vite-node prisma/pglite.ts',
+      command: 'node prisma/pglite.ts',
     }
   ],
   dependencies: [
     {
       name: 'prisma',
-      version: '^5.22.0',
+      version: '^6.16.3',
       isDev: true
     },
     {
       name: '@prisma/client',
-      version: '^5.22.0',
+      version: '^6.16.3',
       isDev: false
     },
+    {
+      name: '@prisma/adapter-pg',
+      version: '^6.16.3',
+      isDev: false,
+    },
     {
       name: '@electric-sql/pglite',
       version: '0.2.13',
       isDev: true,
     },
     {
       name: 'pg-gateway',
-      version: '0.3.0-beta.3',
-      isDev: true,
-    },
-    {
-      name: 'vite-node',
-      version: '^2.1.5',
+      version: '0.3.0-beta.4',
       isDev: true,
     }
   ],
@@ -219,7 +223,7 @@ const prisma: ModuleConfig = {
       content: prismaServerMiddleware
     },
     {
-      path: 'components/Welcome/PrismaDemo.vue',
+      path: 'app/components/Welcome/PrismaDemo.vue',
       content: prismaDemoComponent,
     },
     {

src/configs/sidebase-auth.ts

@@ -86,7 +86,7 @@ const sidebaseAuth: ModuleConfig = {
   dependencies: [
     {
       name: '@sidebase/nuxt-auth',
-      version: '^0.9.4',
+      version: '^1.1.0',
       isDev: true
     },
     {
@@ -105,7 +105,7 @@ const sidebaseAuth: ModuleConfig = {
       content: nuxtAuthServerFile
     },
     {
-      path: 'components/Welcome/AuthDemo.vue',
+      path: 'app/components/Welcome/AuthDemo.vue',
       content: authDemoComponent
     }
   ],

src/configs/tailwind.ts

@@ -21,7 +21,7 @@ const tailwind: ModuleConfig = {
   dependencies: [
     {
       name: '@nuxtjs/tailwindcss',
-      version: '^6.13.1',
+      version: '^6.14.0',
       isDev: true
     }
   ],
@@ -30,7 +30,7 @@ const tailwind: ModuleConfig = {
   },
   files: [
     {
-      path: 'components/Welcome/TailwindDemo.vue',
+      path: 'app/components/Welcome/TailwindDemo.vue',
       content: tailwindDemoComponent,
     }
   ],

src/configs/trpc.ts

@@ -179,11 +179,11 @@ const trpc: ModuleConfig = {
       content: nuxtTrpcApiHandler
     },
     {
-      path: 'plugins/trpcClient.ts',
+      path: 'app/plugins/trpcClient.ts',
       content: nuxtTrpcPlugin
     },
     {
-      path: 'components/Welcome/TRPCDemo.vue',
+      path: 'app/components/Welcome/TRPCDemo.vue',
       content: trpcDemoComponent,
     }
   ],

src/configs/typescript.ts

@@ -11,12 +11,12 @@ const scripts: Config = {
   dependencies: [
     {
       name: 'vue-tsc',
-      version: '2.2.8',
+      version: '3.0.6',
       isDev: true
     },
     {
       name: 'typescript',
-      version: '5.7.3',
+      version: '5.9.2',
       isDev: true,
     }
   ],

src/steps/1.downloadTemplate.ts

@@ -2,7 +2,7 @@ import { downloadTemplate } from 'giget'
 import { say } from '../messages'
 import type { Preferences } from '../types'
 
-const TEMPLATE_NAME = 'github:sidebase/templates#nuxt-3.15.4'
+const TEMPLATE_NAME = 'github:sidebase/templates#nuxt-4.1.2'
 
 export default async (preferences: Preferences) => {
   // 1. Download template

src/steps/4.buildNuxtConfig.ts

@@ -20,11 +20,8 @@ export default async function (templateDir: string, configs: Config[], modules:
 
   // 2. Build base Nuxt Config
   let nuxtConfig = {
-    compatibilityDate: '2024-08-19',
+    compatibilityDate: '2025-07-15',
     devtools: { enabled: true },
-    typescript: {
-      shim: false,
-    },
   } as NuxtConfig
 
   for (const nuxtConfigExtension of nuxtConfigExtensions) {

src/steps/5.writeFiles.ts

@@ -20,7 +20,7 @@ export default async function (templateDir: string, configs: Config[], modules:
   </div>
 </template>
 `
-  await writeFile(resolver('app.vue'), nuxtAppVue)
+  await writeFile(resolver('app/app.vue'), nuxtAppVue)
 
   // 1. Collect all Files
   const filesToAdd: File[] = []
@@ -36,12 +36,12 @@ export default async function (templateDir: string, configs: Config[], modules:
 
   // 3. Write index.vue with a nice welcome message as well as links to sub-pages
   const nuxtPagesIndexVue = generateIndexVue(modules)
-  await mkdir(resolver('pages'), { recursive: true })
-  await writeFile(resolver('pages/index.vue'), nuxtPagesIndexVue)
+  await mkdir(resolver('app/pages'), { recursive: true })
+  await writeFile(resolver('app/pages/index.vue'), nuxtPagesIndexVue)
 
   // 4. Write ButtonLink.vue for the module components
   if (modules.length > 0) {
-    await mkdir(resolver('components/Welcome'), { recursive: true })
-    await writeFile(resolver('components/Welcome/ButtonLink.vue'), buttonLink)
+    await mkdir(resolver('app/components/Welcome'), { recursive: true })
+    await writeFile(resolver('app/components/Welcome/ButtonLink.vue'), buttonLink)
   }
 }