@dargmuesli/nuxt-vio 20.5.0 → 20.5.2

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

@@ -13,14 +13,18 @@
 
 <script setup lang="ts">
 interface Props {
+  status?: number
   statusCode?: number
   statusMessage?: string
+  statusText?: string
   description: string
   stack?: string
 }
 const props = withDefaults(defineProps<Props>(), {
+  status: undefined,
   statusCode: undefined,
   statusMessage: undefined,
+  statusText: undefined,
   stack: undefined,
 })
 
@@ -28,9 +32,9 @@ const runtimeConfig = useRuntimeConfig()
 const { locale, t } = useI18n()
 
 // data
-const title = `${props.statusCode ? `${props.statusCode} - ` : ''}${
+const title = `${props.status || props.statusCode ? `${props.status || props.statusCode} - ` : ''}${
   (await import('@http-util/status-i18n')).status(
-    props.statusCode,
+    props.status || props.statusCode,
     locale.value,
   ) || t('error')
 }`

package/app/composables/loading.ts

@@ -3,14 +3,14 @@ export const useLoadingDoneIndicator = (id?: string) => {
   const loadingId = id || useId()
 
   if (!loadingId)
-    throw createError({ statusCode: 500, statusMessage: 'Loading id missing!' })
+    throw createError({ status: 500, statusText: 'Loading id missing!' })
 
   const loadingIdToAdd = `${import.meta.server ? 'ssr' : 'csr'}_${loadingId}`
 
   if (loadingIds.value.includes(loadingIdToAdd)) {
     throw createError({
-      statusCode: 500,
-      statusMessage: 'Loading id already exists!',
+      status: 500,
+      statusText: 'Loading id already exists!',
     })
   }
 

package/app/error.vue

@@ -3,8 +3,8 @@
     <!-- `NuxtLayout` can't be the root element (https://github.com/nuxt/nuxt/issues/25214) -->
     <NuxtLayout>
       <VioError
-        :status-code="error.statusCode"
-        :status-message="error.statusMessage"
+        :status="error.status"
+        :status-text="error.statusText"
         :description="error.message"
         :stack="error.stack"
       />
@@ -15,17 +15,15 @@
 <script setup lang="ts">
 import type { NuxtError } from 'nuxt/app'
 
-interface Props {
+const { error } = defineProps<{
   error: NuxtError
-}
-const props = withDefaults(defineProps<Props>(), {})
-const errorProp = toRef(() => props.error)
+}>()
 
 // initialization
 useAppLayout()
 
 useHeadDefault({
-  title: `${errorProp.value.statusCode} - ${errorProp.value.message}`,
+  title: `${error.status} - ${error.statusText}`,
 })
 defineOgImageComponent('NuxtSeo', {}, {})
 </script>

package/package.json

@@ -1,67 +1,67 @@
 {
   "dependencies": {
-    "@dargmuesli/nuxt-cookie-control": "9.1.13",
-    "@eslint/compat": "2.0.1",
+    "@dargmuesli/nuxt-cookie-control": "9.1.14",
+    "@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.12.1",
+    "@nuxt/eslint": "1.13.0",
     "@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.3.0",
+    "@nuxtjs/seo": "3.4.0",
     "@pinia/nuxt": "0.11.3",
     "@tailwindcss/forms": "0.5.11",
     "@tailwindcss/typography": "0.5.19",
     "@tailwindcss/vite": "4.1.18",
     "@types/lodash-es": "4.17.12",
+    "@types/nodemailer": "7.0.9",
     "@urql/core": "6.0.1",
     "@urql/vue": "2.0.0",
     "@vuelidate/core": "2.0.3",
     "@vuelidate/validators": "2.0.4",
-    "@vueuse/core": "14.1.0",
+    "@vueuse/core": "14.2.0",
     "class-variance-authority": "0.7.1",
-    "clipboardy": "5.0.2",
+    "clipboardy": "5.2.0",
     "clsx": "2.1.1",
     "eslint": "9.39.2",
     "eslint-config-prettier": "10.1.8",
-    "eslint-plugin-compat": "6.0.2",
+    "eslint-plugin-compat": "6.1.0",
     "eslint-plugin-prettier": "5.5.5",
     "eslint-plugin-yml": "3.0.0",
-    "globals": "17.0.0",
+    "globals": "17.3.0",
     "jiti": "2.6.1",
     "jose": "6.1.3",
-    "lucide-vue-next": "0.562.0",
+    "lucide-vue-next": "0.563.0",
     "nodemailer": "7.0.13",
     "nuxt-gtag": "4.1.0",
     "nuxt-security": "2.5.1",
-    "reka-ui": "2.7.0",
+    "reka-ui": "2.8.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.2.2"
+    "vue-tsc": "3.2.4"
   },
   "devDependencies": {
-    "@types/nodemailer": "7.0.9",
     "@types/node": "24.10.9",
     "@urql/devtools": "2.0.3",
     "@urql/exchange-graphcache": "9.0.0",
-    "@vueuse/core": "14.1.0",
+    "@vueuse/core": "14.2.0",
     "consola": "3.4.2",
     "defu": "6.1.4",
     "h3": "1.15.5",
     "lodash-es": "4.17.23",
-    "nuxt": "4.2.2",
+    "nuxt": "https://pkg.pr.new/nuxt@34210",
     "pinia": "3.0.4",
     "prettier": "3.8.1",
     "prettier-plugin-tailwindcss": "0.7.2",
     "serve": "14.2.5",
     "sharp": "0.34.5",
-    "stylelint": "17.0.0",
+    "stylelint": "17.1.0",
     "stylelint-config-recommended-vue": "1.6.1",
     "stylelint-config-standard": "40.0.0",
     "stylelint-no-unsupported-browser-features": "8.0.5",
@@ -100,7 +100,7 @@
     "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:static:test": "NUXT_PUBLIC_SITE_URL=https://localhost:3002 pnpm run build:static",
     "dev": "pnpm run start:dev",
     "generate": "pnpm run build:static",
     "lint": "pnpm run lint:js && pnpm run lint:ts && pnpm run lint:style",
@@ -117,5 +117,5 @@
     "start:static": "serve playground/.output/public --ssl-cert ./.config/certificates/ssl.crt --ssl-key ./.config/certificates/ssl.key"
   },
   "type": "module",
-  "version": "20.5.0"
+  "version": "20.5.2"
 }

package/server/utils/dependencies/turnstile.ts

@@ -7,8 +7,8 @@ import { consola } from 'consola'
 export const assertTurnstileValid = async ({ token }: { token?: string }) => {
   if (!token) {
     throw createError({
-      statusCode: 422,
-      statusMessage: 'Turnstile token not provided.',
+      status: 422,
+      statusText: 'Turnstile token not provided.',
     })
   }
 
@@ -16,8 +16,8 @@ export const assertTurnstileValid = async ({ token }: { token?: string }) => {
 
   if (!result.success) {
     throw createError({
-      statusCode: 403,
-      statusMessage: `Turnstile verification unsuccessful: ${result['error-codes'].join(', ')}`,
+      status: 403,
+      statusText: `Turnstile verification unsuccessful: ${result['error-codes'].join(', ')}`,
     })
   }
 

package/shared/utils/constants.ts

@@ -2,10 +2,12 @@ import { DEFAULTS } from '@dargmuesli/nuxt-cookie-control/runtime/types.js'
 import { helpers } from '@vuelidate/validators'
 import { defu } from 'defu'
 
+import { IS_IN_PRODUCTION, IS_IN_STACK } from '../../node'
+
 export const VIO_SITE_NAME = 'Vio'
 
+export const IS_IN_FRONTEND_DEVELOPMENT = !IS_IN_PRODUCTION && !IS_IN_STACK
 export const SITE_URL =
-  process.env.SITE_URL ||
   process.env.NUXT_PUBLIC_SITE_URL ||
   `https://${process.env.HOST || 'localhost'}:${process.env.PORT || '3000'}`
 export const CACHE_VERSION = 'zeMtipb6C9'

package/shared/utils/nuxt.ts

@@ -1,6 +1,6 @@
 import type { defineNuxtConfig } from 'nuxt/config'
 
-import { I18N_MODULE_CONFIG } from './constants'
+import { I18N_MODULE_CONFIG, IS_IN_FRONTEND_DEVELOPMENT } from './constants'
 
 export const VIO_NUXT_BASE_CONFIG = ({
   siteName,
@@ -18,15 +18,7 @@ export const VIO_NUXT_BASE_CONFIG = ({
     runtimeConfig: {
       public: {
         vio: {
-          ...(stagingHost
-            ? {
-                stagingHost:
-                  process.env.NODE_ENV !== 'production' &&
-                  !process.env.NUXT_PUBLIC_SITE_URL
-                    ? stagingHost
-                    : undefined,
-              }
-            : {}),
+          stagingHost: IS_IN_FRONTEND_DEVELOPMENT ? stagingHost : undefined,
         },
       },
     },

package/server/utils/constants.ts

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