@dargmuesli/nuxt-vio 21.0.0-beta.4 → 21.0.0-beta.6

package/node/server/node.mjs

@@ -0,0 +1,16 @@
+import fs from 'node:fs'
+import path from 'node:path'
+
+const root = process.argv[2] || process.cwd()
+
+const certSuffix = process.env.CI ? '-ci' : '-dev'
+const certPath = path.join(root, `.config/certificates/ssl${certSuffix}.crt`)
+const keyPath = path.join(root, `.config/certificates/ssl${certSuffix}.key`)
+
+console.log('Using SSL certificate:', certPath)
+
+process.env.NITRO_SSL_CERT = fs.readFileSync(certPath, 'utf8')
+process.env.NITRO_SSL_KEY = fs.readFileSync(keyPath, 'utf8')
+
+// await import(path.join(root, '.output/server/sentry.server.config.mjs'))
+await import(path.join(root, 'playground/.output/server/index.mjs'))

package/node/server/static.mjs

@@ -0,0 +1,26 @@
+import { spawn } from 'node:child_process'
+import path from 'node:path'
+
+const root = process.argv[2] || process.cwd()
+
+const certSuffix = process.env.CI ? '-ci' : '-dev'
+const certPath = path.join(root, `.config/certificates/ssl${certSuffix}.crt`)
+const keyPath = path.join(root, `.config/certificates/ssl${certSuffix}.key`)
+
+const serveProcess = spawn(
+  'serve',
+  ['playground/.output/public', '--ssl-cert', certPath, '--ssl-key', keyPath],
+  {
+    stdio: 'inherit',
+    cwd: root,
+  },
+)
+
+serveProcess.on('error', (error) => {
+  console.error('Failed to start serve:', error)
+  process.exit(1)
+})
+
+serveProcess.on('exit', (code) => {
+  process.exit(code || 0)
+})

package/nuxt.config.ts

@@ -95,6 +95,7 @@ export default defineNuxtConfig(
         compressPublicAssets: true,
         experimental: {
           asyncContext: true,
+          typedPages: true,
         },
       },
       runtimeConfig: {
@@ -103,7 +104,7 @@ export default defineNuxtConfig(
             baseUrl: SITE_URL,
           },
           site: {
-            url: SITE_URL,
+            url: SITE_URL, // TODO: evaluate removal for static builds in favor of i18n.baseUrl
           },
           vio: {
             isTesting: false,
@@ -139,7 +140,7 @@ export default defineNuxtConfig(
       },
       vite: {
         plugins: [
-          tailwindcss(),
+          tailwindcss() as never, // TODO: remove typecast once tailwindcss fixes the plugin type
           {
             // 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)
@@ -279,7 +280,7 @@ export default defineNuxtConfig(
             'style-src': false as const,
             'style-src-attr': false as const,
             'style-src-elem': false as const,
-            'upgrade-insecure-requests': false, // TODO: set to `process.env.NODE_ENV === 'production'` or `true` when tests run on https
+            'upgrade-insecure-requests': false,
             'worker-src': false as const,
           },
           xXSSProtection: '1; mode=block', // TODO: set back to `0` once CSP does not use `unsafe-*` anymore (https://github.com/maevsi/maevsi/issues/1047)
@@ -293,9 +294,6 @@ export default defineNuxtConfig(
         prefix: '',
         componentDir: resolve('./app/components/scn'),
       },
-      site: {
-        url: SITE_URL,
-      },
       sitemap: {
         credits: false,
         zeroRuntime: true,

package/package.json

@@ -1,74 +1,74 @@
 {
   "dependencies": {
-    "@dargmuesli/nuxt-cookie-control": "9.1.15",
+    "@dargmuesli/nuxt-cookie-control": "9.1.17",
     "@eslint/compat": "2.0.2",
     "@heroicons/vue": "2.2.0",
-    "@nuxtjs/turnstile": "1.1.1",
     "@http-util/status-i18n": "0.9.0",
-    "@intlify/eslint-plugin-vue-i18n": "4.1.1",
-    "@nuxt/devtools": "3.1.1",
-    "@nuxt/eslint": "1.14.0",
+    "@intlify/eslint-plugin-vue-i18n": "4.2.0",
+    "@nuxt/devtools": "3.2.2",
+    "@nuxt/eslint": "1.15.2",
     "@nuxt/image": "2.0.0",
     "@nuxtjs/color-mode": "4.0.0",
     "@nuxtjs/html-validator": "2.1.0",
     "@nuxtjs/i18n": "10.2.3",
     "@nuxtjs/seo": "3.4.0",
+    "@nuxtjs/turnstile": "1.1.1",
     "@pinia/nuxt": "0.11.3",
     "@resvg/resvg-js": "2.6.2",
     "@tailwindcss/forms": "0.5.11",
     "@tailwindcss/typography": "0.5.19",
-    "@tailwindcss/vite": "4.1.18",
+    "@tailwindcss/vite": "4.2.1",
     "@types/lodash-es": "4.17.12",
-    "@types/nodemailer": "7.0.9",
+    "@types/nodemailer": "7.0.11",
     "@urql/core": "6.0.1",
     "@urql/vue": "2.0.0",
     "@vuelidate/core": "2.0.3",
     "@vuelidate/validators": "2.0.4",
-    "@vueuse/core": "14.2.0",
+    "@vueuse/core": "14.2.1",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
-    "eslint": "9.39.2",
+    "eslint": "10.0.2",
     "eslint-config-prettier": "10.1.8",
-    "eslint-plugin-compat": "6.1.0",
+    "eslint-plugin-compat": "7.0.0",
     "eslint-plugin-prettier": "5.5.5",
-    "eslint-plugin-yml": "3.1.2",
+    "eslint-plugin-yml": "3.3.0",
     "globals": "17.3.0",
     "jiti": "2.6.1",
     "jose": "6.1.3",
-    "lucide-vue-next": "0.563.0",
+    "lucide-vue-next": "0.575.0",
     "nodemailer": "8.0.1",
     "nuxt-gtag": "4.1.0",
     "nuxt-security": "2.5.1",
-    "reka-ui": "2.8.0",
+    "reka-ui": "2.8.2",
     "satori": "0.19.1",
     "shadcn-nuxt": "2.4.3",
-    "tailwind-merge": "3.4.0",
+    "tailwind-merge": "3.5.0",
     "tw-animate-css": "1.4.0",
     "vue-sonner": "2.0.9",
-    "vue-tsc": "3.2.4"
+    "vue-tsc": "3.2.5"
   },
   "devDependencies": {
-    "@types/node": "24.10.12",
+    "@types/node": "24.10.14",
     "@urql/devtools": "2.0.3",
     "@urql/exchange-graphcache": "9.0.0",
-    "@vueuse/core": "14.2.0",
+    "@vueuse/core": "14.2.1",
     "consola": "3.4.2",
     "defu": "6.1.4",
     "h3": "1.15.5",
     "lodash-es": "4.17.23",
-    "nuxt": "https://pkg.pr.new/nuxt@34210",
+    "nuxt": "4.3.1",
     "pinia": "3.0.4",
     "prettier": "3.8.1",
     "prettier-plugin-tailwindcss": "0.7.2",
     "serve": "14.2.5",
     "sharp": "0.34.5",
-    "stylelint": "17.1.1",
+    "stylelint": "17.4.0",
     "stylelint-config-recommended-vue": "1.6.1",
     "stylelint-config-standard": "40.0.0",
     "stylelint-no-unsupported-browser-features": "8.1.1",
-    "tailwindcss": "4.1.18",
-    "vue": "3.5.27",
-    "vue-router": "4.6.4"
+    "tailwindcss": "4.2.1",
+    "vue": "3.5.29",
+    "vue-router": "5.0.3"
   },
   "engines": {
     "node": "24"
@@ -77,9 +77,9 @@
     ".config",
     "app",
     "i18n",
+    "node",
     "server",
     "shared",
-    "node",
     "nuxt.config.ts",
     "package.json"
   ],
@@ -88,7 +88,7 @@
   "peerDependencies": {
     "nuxt": "^4.1.0",
     "vue": "^3.5.21",
-    "vue-router": "^4.5.1"
+    "vue-router": "^4.5.1 || ^5.0.0"
   },
   "publishConfig": {
     "access": "public"
@@ -115,9 +115,9 @@
     "preview": "nuxt preview playground",
     "start": "pnpm run start:node",
     "start:dev": "pnpm run certificates && NODE_EXTRA_CA_CERTS=\"$(mkcert -CAROOT)/rootCA.pem\" nuxt dev playground",
-    "start:node": "node scripts/server/node.mjs",
-    "start:static": "node scripts/server/static.mjs"
+    "start:node": "node node/server/node.mjs",
+    "start:static": "node node/server/static.mjs"
   },
   "type": "module",
-  "version": "21.0.0-beta.4"
+  "version": "21.0.0-beta.6"
 }

package/shared/utils/constants.ts

@@ -129,6 +129,7 @@ export const VIO_GET_CSP = ({ siteUrl }: { siteUrl: URL }) =>
         "'unsafe-inline'", // TODO: replace with "'nonce-{{nonce}}'" once vue-sonner supports it
         "'self'", // TODO: `${siteUrl}_nuxt/`, // bundle
       ], // TODO: use `style-src-elem` once Playwright WebKit supports it
+      'upgrade-insecure-requests': true,
     },
   )
 export const GTAG_COOKIE_ID = 'ga'

package/shared/utils/utils.ts

@@ -1,7 +1,2 @@
-import type { RouteLocationRaw } from 'vue-router'
-
-export const append = (path: string, pathToAppend?: RouteLocationRaw) =>
-  path + (path.endsWith('/') ? '' : '/') + (pathToAppend ?? '')
-
 export const arrayRemoveNulls = <T>(array?: T[]) =>
   array?.flatMap((x: T) => (x ? [x] : [])) || []