@dargmuesli/nuxt-vio 21.0.0-beta.1 → 21.0.0-beta.2

package/nuxt.config.ts

@@ -1,7 +1,5 @@
-import { fileURLToPath } from 'node:url'
-import { dirname, join } from 'node:path'
-
 import tailwindcss from '@tailwindcss/vite'
+import { createResolver } from 'nuxt/kit'
 import { defu } from 'defu'
 
 import {
@@ -13,7 +11,7 @@ import {
 } from './shared/utils/constants'
 import { VIO_NUXT_BASE_CONFIG } from './shared/utils/nuxt'
 
-const currentDir = dirname(fileURLToPath(import.meta.url))
+const { resolve } = createResolver(import.meta.url)
 
 export default defineNuxtConfig(
   defu(
@@ -29,7 +27,7 @@ export default defineNuxtConfig(
         },
       },
       compatibilityDate: '2024-04-03',
-      ...(process.env.NUXT_PUBLIC_SITE_URL
+      ...(process.env.NUXT_PUBLIC_I18N_BASE_URL
         ? {}
         : {
             devServer: {
@@ -95,6 +93,9 @@ export default defineNuxtConfig(
       ],
       nitro: {
         compressPublicAssets: true,
+        experimental: {
+          asyncContext: true,
+        },
       },
       runtimeConfig: {
         public: {
@@ -111,6 +112,13 @@ export default defineNuxtConfig(
       },
       typescript: {
         tsConfig: {
+          nodeTsConfig: {
+            include: [
+              resolve('../.config'),
+              resolve('../node'),
+              // resolve('../sentry.server.config.ts'),
+            ],
+          },
           vueCompilerOptions: {
             htmlAttributes: [], // https://github.com/johnsoncodehk/volar/issues/1970#issuecomment-1276994634
           },
@@ -120,7 +128,32 @@ export default defineNuxtConfig(
         },
       },
       vite: {
-        plugins: [tailwindcss()],
+        plugins: [
+          tailwindcss(),
+          {
+            // This plugin suppresses false-positive sourcemap warnings from Tailwind's Vite plugin
+            // TODO: remove once tailwind generates sourcemaps for their transforms (https://github.com/tailwindlabs/tailwindcss/discussions/16119)
+            apply: 'build',
+            name: 'vite-plugin-ignore-sourcemap-warnings',
+            configResolved(config) {
+              const originalOnWarn = config.build.rollupOptions.onwarn
+              config.build.rollupOptions.onwarn = (warning, warn) => {
+                if (
+                  warning.code === 'SOURCEMAP_BROKEN' &&
+                  warning.plugin === '@tailwindcss/vite:generate:build'
+                ) {
+                  return
+                }
+
+                if (originalOnWarn) {
+                  originalOnWarn(warning, warn)
+                } else {
+                  warn(warning)
+                }
+              }
+            },
+          },
+        ],
       },
 
       // modules
@@ -245,13 +278,14 @@ export default defineNuxtConfig(
       },
       shadcn: {
         prefix: '',
-        componentDir: join(currentDir, './app/components/scn'),
+        componentDir: resolve('./app/components/scn'),
       },
       site: {
         url: SITE_URL,
       },
       sitemap: {
         credits: false,
+        zeroRuntime: true,
       },
 
       // environments
@@ -261,7 +295,6 @@ export default defineNuxtConfig(
         },
         nitro: {
           experimental: {
-            asyncContext: true,
             openAPI: true,
           },
         },

package/package.json

@@ -1,21 +1,21 @@
 {
   "dependencies": {
-    "@dargmuesli/nuxt-cookie-control": "9.1.9",
+    "@dargmuesli/nuxt-cookie-control": "9.1.11",
     "@eslint/compat": "2.0.0",
     "@heroicons/vue": "2.2.0",
     "@http-util/status-i18n": "0.9.0",
     "@intlify/eslint-plugin-vue-i18n": "4.1.0",
     "@nuxt/devtools": "3.1.1",
-    "@nuxt/eslint": "1.11.0",
+    "@nuxt/eslint": "1.12.1",
     "@nuxt/image": "2.0.0",
     "@nuxtjs/color-mode": "4.0.0",
     "@nuxtjs/html-validator": "2.1.0",
     "@nuxtjs/i18n": "10.2.1",
-    "@nuxtjs/seo": "3.2.2",
+    "@nuxtjs/seo": "3.3.0",
     "@pinia/nuxt": "0.11.3",
-    "@tailwindcss/forms": "0.5.10",
+    "@tailwindcss/forms": "0.5.11",
     "@tailwindcss/typography": "0.5.19",
-    "@tailwindcss/vite": "4.1.17",
+    "@tailwindcss/vite": "4.1.18",
     "@types/lodash-es": "4.17.12",
     "@urql/core": "6.0.1",
     "@urql/vue": "2.0.0",
@@ -24,46 +24,46 @@
     "@vueuse/core": "14.1.0",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
-    "eslint": "9.39.1",
+    "eslint": "9.39.2",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-compat": "6.0.2",
     "eslint-plugin-prettier": "5.5.4",
-    "eslint-plugin-yml": "1.19.0",
-    "globals": "16.5.0",
+    "eslint-plugin-yml": "1.19.1",
+    "globals": "17.0.0",
     "jiti": "2.6.1",
-    "jose": "6.1.2",
-    "lucide-vue-next": "0.555.0",
+    "jose": "6.1.3",
+    "lucide-vue-next": "0.562.0",
     "nuxt-gtag": "4.1.0",
     "nuxt-security": "2.5.0",
-    "reka-ui": "2.6.0",
-    "shadcn-nuxt": "2.3.3",
+    "reka-ui": "2.7.0",
+    "shadcn-nuxt": "2.4.3",
     "tailwind-merge": "3.4.0",
     "tw-animate-css": "1.4.0",
     "vue-sonner": "2.0.9",
-    "vue-tsc": "3.1.5"
+    "vue-tsc": "3.2.2"
   },
   "devDependencies": {
-    "@types/node": "24.10.1",
+    "@types/node": "24.10.4",
     "@urql/devtools": "2.0.3",
     "@urql/exchange-graphcache": "8.1.0",
     "@vueuse/core": "14.1.0",
     "consola": "3.4.2",
     "defu": "6.1.4",
     "h3": "1.15.4",
-    "lodash-es": "4.17.21",
-    "nuxt": "4.2.1",
+    "lodash-es": "4.17.22",
+    "nuxt": "4.2.2",
     "pinia": "3.0.4",
-    "prettier": "3.7.1",
-    "prettier-plugin-tailwindcss": "0.7.1",
+    "prettier": "3.7.4",
+    "prettier-plugin-tailwindcss": "0.7.2",
     "serve": "14.2.5",
     "sharp": "0.34.5",
-    "stylelint": "16.26.0",
+    "stylelint": "16.26.1",
     "stylelint-config-recommended-vue": "1.6.1",
     "stylelint-config-standard": "39.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.5",
-    "tailwindcss": "4.1.17",
-    "vue": "3.5.25",
-    "vue-router": "4.6.3"
+    "tailwindcss": "4.1.18",
+    "vue": "3.5.26",
+    "vue-router": "4.6.4"
   },
   "engines": {
     "node": "24"
@@ -94,9 +94,8 @@
   },
   "scripts": {
     "build": "pnpm run build:node",
-    "build:node": "nuxt build playground",
-    "build:static": "nuxt generate playground",
-    "build:static:test": "SITE_URL=https://localhost:3002 pnpm run build:static",
+    "build:node": "NUXT_PUBLIC_I18N_BASE_URL=https://localhost:3001 nuxt build playground",
+    "build:static": "NUXT_PUBLIC_I18N_BASE_URL=https://localhost:3002 nuxt generate playground",
     "dev": "pnpm run start:dev",
     "generate": "pnpm run build:static",
     "lint": "pnpm run lint:js && pnpm run lint:ts && pnpm run lint:style",
@@ -109,9 +108,9 @@
     "preview": "nuxt preview playground",
     "start": "pnpm run start:node",
     "start:dev": "nuxt dev playground",
-    "start:node": "node playground/.output/server/index.mjs",
+    "start:node": "node scripts/server.mjs",
     "start:static": "serve playground/.output/public --ssl-cert ./.config/certificates/ssl.crt --ssl-key ./.config/certificates/ssl.key"
   },
   "type": "module",
-  "version": "21.0.0-beta.1"
+  "version": "21.0.0-beta.2"
 }

package/server/utils/constants.ts

@@ -1,3 +1 @@
-import { IS_IN_PRODUCTION, IS_IN_STACK } from '../../node'
-
-export const IS_IN_FRONTEND_DEVELOPMENT = !IS_IN_PRODUCTION && !IS_IN_STACK
+export { IS_IN_FRONTEND_DEVELOPMENT } from '../../node'

package/server/utils/site.ts

@@ -1,6 +1,6 @@
 export const useSiteUrl = () => {
   const runtimeConfig = useRuntimeConfig()
-  const siteUrl = runtimeConfig.public.site?.url
+  const siteUrl = runtimeConfig.public.i18n.baseUrl
 
   return {
     siteUrl,

package/shared/utils/constants.ts

@@ -5,8 +5,7 @@ import { defu } from 'defu'
 export const VIO_SITE_NAME = 'Vio'
 
 export const SITE_URL =
-  process.env.SITE_URL ||
-  process.env.NUXT_PUBLIC_SITE_URL ||
+  process.env.NUXT_PUBLIC_I18N_BASE_URL ||
   `https://${process.env.HOST || 'localhost'}:${process.env.PORT || '3000'}`
 export const CACHE_VERSION = 'zeMtipb6C9'
 export const COOKIE_CONTROL_CONSENT_COOKIE_NAME =

package/shared/utils/nuxt.ts

@@ -1,5 +1,6 @@
 import type { defineNuxtConfig } from 'nuxt/config'
 
+import { IS_IN_FRONTEND_DEVELOPMENT } from '../../node'
 import { I18N_MODULE_CONFIG } from './constants'
 
 export const VIO_NUXT_BASE_CONFIG = ({
@@ -20,11 +21,9 @@ export const VIO_NUXT_BASE_CONFIG = ({
         vio: {
           ...(stagingHost
             ? {
-                stagingHost:
-                  process.env.NODE_ENV !== 'production' &&
-                  !process.env.NUXT_PUBLIC_SITE_URL
-                    ? stagingHost
-                    : undefined,
+                stagingHost: IS_IN_FRONTEND_DEVELOPMENT
+                  ? stagingHost
+                  : undefined,
               }
             : {}),
         },

package/node.ts

@@ -1,2 +0,0 @@
-export const IS_IN_PRODUCTION = process.env.NODE_ENV === 'production'
-export const IS_IN_STACK = !!process.env.NUXT_PUBLIC_SITE_URL