@dargmuesli/nuxt-vio 23.0.0 → 23.1.1

package/app/components/vio/_/VioError.vue

@@ -5,7 +5,11 @@
       {{ description }}
     </div>
     <pre
-      v-if="stack && !runtimeConfig.public.vio.isInProduction"
+      v-if="
+        stack &&
+        !runtimeConfig.public.vio.isInProduction &&
+        !runtimeConfig.public.vio.isTesting
+      "
       class="overflow-auto wrap-break-word whitespace-pre-wrap"
     >
       {{ stack }}

package/nuxt.config.ts

@@ -21,6 +21,15 @@ import {
 } from './shared/utils/constants'
 
 const { resolve } = createResolver(import.meta.url)
+// mirrors the suffix `mkcert.sh` and the node and static test servers use for the local certificates
+const CERTIFICATE_SUFFIX = process.env.CI ? '-ci' : '-dev'
+// `nuxt dev` serves local HTTPS for direct browser access, as in local development and the
+// e2e test server. A stack deploy also runs `nuxt dev`, but behind traefik, which talks
+// plain HTTP to the backend, so local HTTPS would break it. The stack and the e2e both set
+// `NUXT_PUBLIC_I18N_BASE_URL` (making `IS_IN_STACK` true); only the e2e also sets the
+// testing flag, so that is what separates the two.
+const IS_IN_STACK_DEPLOY =
+  IS_IN_STACK && process.env.NUXT_PUBLIC_VIO_IS_TESTING !== 'true'
 const SHARED_TYPE_REFERENCES = [
   { path: resolve('shared/types/app-config.d.ts') },
   { path: resolve('shared/types/request-event-context.d.ts') },
@@ -40,14 +49,14 @@ export default defineNuxtConfig(
         },
       },
       compatibilityDate: '2024-04-03',
-      ...(IS_IN_STACK
+      ...(IS_IN_STACK_DEPLOY
         ? {}
         : {
             devServer: {
               host: 'app.localhost',
               https: {
-                key: './.config/certificates/ssl-dev.key',
-                cert: './.config/certificates/ssl-dev.crt',
+                key: `./.config/certificates/ssl${CERTIFICATE_SUFFIX}.key`,
+                cert: `./.config/certificates/ssl${CERTIFICATE_SUFFIX}.crt`,
               },
             },
           }),
@@ -59,10 +68,12 @@ export default defineNuxtConfig(
       experimental: {
         early404: true,
         inlineErrorRendering: true,
+        prefetchPreloadTags: true,
         prerenderErrorPages: true,
         routeTypedFetch: true,
         strictRouteTypes: true,
         typedPages: true,
+        watcher: 'builder',
       },
       hooks: {
         // consumers' generated tsconfigs exclude `node_modules`, so this layer's type augmentations need explicit references
@@ -210,32 +221,7 @@ export default defineNuxtConfig(
         // },
       },
       vite: {
-        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)
-                }
-              }
-            },
-          },
-        ],
+        plugins: [tailwindcss()],
       },
 
       // modules
@@ -358,6 +344,11 @@ export default defineNuxtConfig(
         },
         strict: true,
       },
+      ogImage: {
+        // nuxt-og-image falls back to `seo.automaticTwitterTags` for this; keep it explicit,
+        // because `automaticTwitterTags` is disabled below to stop the conflicting inferred tag.
+        includeTwitter: true,
+      },
       sentry: {
         release: {
           name: process.env.RELEASE_NAME || undefined,
@@ -369,6 +360,10 @@ export default defineNuxtConfig(
         // `org`, `project` and `authToken` are read from the `SENTRY_ORG`, `SENTRY_PROJECT` and `SENTRY_AUTH_TOKEN` environment variables by the module itself.
       },
       seo: {
+        // nuxt-og-image already renders `twitter:card` (`summary_large_image`) per page; seo-utils'
+        // inferred `twitter:card` duplicates it and, with unhead >= 3.4.3, can resolve to `summary`
+        // after hydration, conflicting with the og-image tag.
+        automaticTwitterTags: false,
         minify: false, // TODO: enable (https://github.com/harlan-zw/nuxt-seo-utils/issues/103)
         validateAppHead: false, // `app.head.htmlAttrs.lang` is only a fallback for the routeless SPA pages, as i18n sets the correct language per locale everywhere else.
       },

package/package.json

@@ -1,12 +1,12 @@
 {
   "dependencies": {
-    "@dargmuesli/nuxt-cookie-control": "9.3.8",
+    "@dargmuesli/nuxt-cookie-control": "9.3.9",
     "@eslint/compat": "2.1.1",
     "@heroicons/vue": "2.2.0",
     "@http-util/status-i18n": "0.9.1",
     "@intlify/eslint-plugin-vue-i18n": "4.5.1",
-    "@lucide/vue": "1.55.0",
-    "@nuxt/devtools": "3.4.2",
+    "@lucide/vue": "1.59.0",
+    "@nuxt/devtools": "3.4.4",
     "@nuxt/eslint": "1.17.0",
     "@nuxt/image": "2.1.0",
     "@nuxtjs/color-mode": "4.0.1",
@@ -14,12 +14,12 @@
     "@nuxtjs/i18n": "10.6.0",
     "@nuxtjs/seo": "6.0.1",
     "@nuxtjs/turnstile": "1.1.3",
-    "@pinia/nuxt": "1.0.2",
-    "@sentry/nuxt": "10.71.0",
+    "@pinia/nuxt": "1.0.3",
+    "@sentry/nuxt": "10.76.2",
     "@tailwindcss/forms": "0.5.11",
     "@tailwindcss/typography": "0.5.20",
     "@tailwindcss/vite": "4.3.3",
-    "@takumi-rs/core": "2.15.1",
+    "@takumi-rs/core": "2.16.3",
     "@types/lodash-es": "4.17.12",
     "@types/nodemailer": "8.0.2",
     "@urql/core": "6.0.3",
@@ -29,15 +29,15 @@
     "@vueuse/core": "15.0.0",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
-    "eslint": "10.12.0",
+    "eslint": "10.13.0",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-compat": "7.0.2",
-    "eslint-plugin-prettier": "5.5.6",
+    "eslint-plugin-prettier": "5.5.7",
     "eslint-plugin-yml": "3.9.0",
     "globals": "17.13.0",
     "jiti": "2.7.0",
     "jose": "6.2.12",
-    "nodemailer": "10.1.0",
+    "nodemailer": "10.1.7",
     "nuxt-gtag": "5.0.0",
     "nuxt-security": "2.6.0",
     "reka-ui": "2.11.0",
@@ -56,9 +56,9 @@
     "consola": "3.4.2",
     "defu": "6.1.7",
     "lodash-es": "4.18.1",
-    "nuxt": "4.6.1",
-    "nuxtseo-devtools-host": "1.0.1",
-    "pinia": "4.0.3",
+    "nuxt": "4.6.2",
+    "nuxtseo-devtools-host": "1.0.2",
+    "pinia": "4.1.0",
     "postcss-html": "2.0.0",
     "prettier": "3.9.10",
     "prettier-plugin-tailwindcss": "0.8.1",
@@ -71,7 +71,7 @@
     "stylelint-config-standard": "40.0.0",
     "stylelint-no-unsupported-browser-features": "8.1.2",
     "tailwindcss": "4.3.3",
-    "vue": "3.5.43",
+    "vue": "3.5.44",
     "vue-router": "5.4.0"
   },
   "engines": {
@@ -104,7 +104,7 @@
     "url": "git+https://github.com/dargmuesli/vio.git"
   },
   "type": "module",
-  "version": "23.0.0",
+  "version": "23.1.1",
   "scripts": {
     "build": "pnpm run build:node",
     "build:node": "NUXT_PUBLIC_I18N_BASE_URL=https://app.localhost:3001 nuxt build playground",