@dargmuesli/nuxt-vio 10.2.1 → 10.2.3

package/components/vio/_/VioError.vue

@@ -12,8 +12,6 @@
 </template>
 
 <script setup lang="ts">
-const httpUtilStatusI18n = await import('@http-util/status-i18n')
-
 interface Props {
   statusCode?: number
   statusMessage?: string
@@ -31,7 +29,10 @@ const { locale, t } = useI18n()
 
 // data
 const title = `${props.statusCode ? `${props.statusCode} - ` : ''}${
-  httpUtilStatusI18n.status(props.statusCode, locale.value) || t('error')
+  (await import('@http-util/status-i18n')).status(
+    props.statusCode,
+    locale.value,
+  ) || t('error')
 }`
 
 // initialization

package/locales/de.json

@@ -1,7 +1,6 @@
 {
   "globalPlaceholderEmailAddress": "e-mail{'@'}adres.se",
   "globalPlaceholderUrl": "https://websei.te",
-  "globalSeoSiteDescription": "Vio ist {'@'}dargmueslis Nuxt layer.",
   "globalStatusError": "Fehler",
   "globalStatusLoading": "Lade...",
   "globalValidationFailed": "Bitte überprüfe deine Eingaben 🙈",
@@ -9,5 +8,8 @@
   "globalValidationFormatIncorrect": "Falsches Format",
   "globalValidationFormatUrlHttps": "Muss mit \"https://\" beginnen",
   "globalValidationLength": "Zu lang",
-  "globalValidationRequired": "Pflichtfeld"
+  "globalValidationRequired": "Pflichtfeld",
+  "nuxtSiteConfig": {
+    "description": "Vio ist {'@'}dargmueslis Nuxt layer."
+  }
 }

package/locales/en.json

@@ -1,7 +1,6 @@
 {
   "globalPlaceholderEmailAddress": "email{'@'}addre.ss",
   "globalPlaceholderUrl": "https://websi.te",
-  "globalSeoSiteDescription": "Vio is {'@'}dargmuesli's Nuxt layer.",
   "globalStatusError": "Error",
   "globalStatusLoading": "Loading...",
   "globalValidationFailed": "Please check your input 🙈",
@@ -9,5 +8,8 @@
   "globalValidationFormatIncorrect": "Incorrect format",
   "globalValidationFormatUrlHttps": "Must start with \"https://\"",
   "globalValidationLength": "Too long",
-  "globalValidationRequired": "Required"
+  "globalValidationRequired": "Required",
+  "nuxtSiteConfig": {
+    "description": "Vio is {'@'}dargmuesli's Nuxt layer."
+  }
 }

package/nuxt.config.ts

@@ -89,7 +89,9 @@ export default defineNuxtConfig(
       runtimeConfig: {
         public: {
           i18n: {
-            baseUrl: SITE_URL,
+            ...(process.env.NODE_ENV === 'development'
+              ? {}
+              : { baseUrl: SITE_URL }),
           },
           vio: {
             googleAnalyticsId: '',
@@ -165,6 +167,7 @@ export default defineNuxtConfig(
         logLevel: 'warning',
       },
       i18n: {
+        defaultLocale: 'en', // Must be set for the default prefix_except_default prefix strategy.
         detectBrowserLanguage: false,
       },
       linkChecker: {
@@ -352,7 +355,6 @@ export default defineNuxtConfig(
       },
     },
     VIO_NUXT_BASE_CONFIG({
-      defaultLocale: 'en',
       siteName: SITE_NAME,
       stagingHost: 'localhost:3000',
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-vio",
-  "version": "10.2.1",
+  "version": "10.2.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dargmuesli/vio.git"
@@ -12,7 +12,7 @@
   "engines": {
     "node": "20"
   },
-  "packageManager": "pnpm@8.14.0",
+  "packageManager": "pnpm@8.14.3",
   "files": [
     "assets",
     "components",
@@ -37,33 +37,33 @@
     "@dargmuesli/nuxt-cookie-control": "8.0.0-beta.1",
     "@heroicons/vue": "2.1.1",
     "@http-util/status-i18n": "0.8.1",
-    "@nuxt/devtools": "1.0.6",
-    "@nuxt/image": "1.1.0",
+    "@nuxt/devtools": "1.0.8",
+    "@nuxt/image": "1.3.0",
     "@nuxtjs/color-mode": "3.3.2",
     "@nuxtjs/html-validator": "1.6.0",
     "@nuxtjs/i18n": "8.0.0",
-    "@nuxtjs/seo": "2.0.0-rc.4",
-    "@nuxtjs/tailwindcss": "6.10.3",
+    "@nuxtjs/seo": "2.0.0-rc.5",
+    "@nuxtjs/tailwindcss": "6.11.0",
     "@pinia/nuxt": "0.5.1",
     "@tailwindcss/forms": "0.5.7",
     "@tailwindcss/typography": "0.5.10",
     "@types/lodash-es": "4.17.12",
-    "@urql/core": "4.2.2",
+    "@urql/core": "4.2.3",
     "@vuelidate/core": "2.0.3",
     "@vuelidate/validators": "2.0.4",
     "clipboardy": "4.0.0",
     "dayjs": "2.0.0-alpha.4",
     "jose": "5.2.0",
-    "nuxt-security": "1.0.0",
-    "sweetalert2": "11.10.2",
+    "nuxt-security": "1.0.1",
+    "sweetalert2": "11.10.3",
     "vue-gtag": "2.0.1"
   },
   "devDependencies": {
-    "@axe-core/playwright": "4.8.2",
-    "@intlify/eslint-plugin-vue-i18n": "3.0.0-next.4",
+    "@axe-core/playwright": "4.8.3",
+    "@intlify/eslint-plugin-vue-i18n": "3.0.0-next.5",
     "@nuxtjs/eslint-config-typescript": "12.1.0",
-    "@playwright/test": "1.40.1",
-    "@unhead/vue": "1.8.9",
+    "@playwright/test": "1.41.1",
+    "@unhead/vue": "1.8.10",
     "@urql/devtools": "2.0.3",
     "@urql/exchange-graphcache": "6.4.0",
     "@urql/vue": "1.1.2",
@@ -75,32 +75,32 @@
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-compat": "4.2.0",
     "eslint-plugin-nuxt": "4.0.0",
-    "eslint-plugin-prettier": "5.1.2",
-    "eslint-plugin-yml": "1.11.0",
+    "eslint-plugin-prettier": "5.1.3",
+    "eslint-plugin-yml": "1.12.2",
     "h3": "1.10.0",
     "jiti": "1.21.0",
     "lint-staged": "15.2.0",
     "lodash-es": "4.17.21",
-    "nuxt": "3.9.1",
+    "nuxt": "3.9.3",
     "pinia": "2.1.7",
-    "prettier": "3.1.1",
+    "prettier": "3.2.4",
     "prettier-plugin-tailwindcss": "0.5.11",
     "serve": "14.2.1",
-    "stylelint": "16.1.0",
+    "stylelint": "16.2.0",
     "stylelint-config-recommended-vue": "1.5.0",
     "stylelint-config-standard": "36.0.0",
     "stylelint-no-unsupported-browser-features": "8.0.0",
     "tailwindcss": "3.4.1",
     "ufo": "1.3.2",
-    "unhead": "1.8.9",
-    "vue": "3.4.5",
+    "unhead": "1.8.10",
+    "vue": "3.4.15",
     "vue-router": "4.2.5",
     "vue-tsc": "1.8.27"
   },
   "peerDependencies": {
-    "nuxt": "3.9.1",
-    "playwright-core": "1.40.1",
-    "vue": "3.4.5",
+    "nuxt": "3.9.3",
+    "playwright-core": "1.41.1",
+    "vue": "3.4.15",
     "vue-router": "4.2.5"
   },
   "scripts": {
@@ -121,7 +121,7 @@
     "start:dev": "nuxt dev .playground",
     "start:node": "node .playground/.output/server/index.mjs",
     "start:static": "serve .playground/.output/public",
-    "start:static:test": "cross-env NODE_ENV=production PORT=3002 SITE_URL=http://localhost:3002 pnpm run start:static",
+    "start:static:test": "cross-env PORT=3002 pnpm run start:static",
     "test:e2e:docker:br": "pnpm run test:e2e:docker:build && pnpm run test:e2e:docker:run",
     "test:e2e:docker:build": "docker build -t test-e2e_development --build-arg UID=$(id -u) --build-arg GID=$(id -g) --target test-e2e_development ..",
     "test:e2e:docker:run": "docker run --rm -v \"$PWD/..:/srv/app\" -v \"$(pnpm store path):/srv/.pnpm-store\" test-e2e_development",

package/plugins/dayjs.ts

@@ -1,16 +1,16 @@
-export default defineNuxtPlugin(async (_nuxtApp) => {
-  const dayjs = (await import('dayjs')).default
+import dayjs from 'dayjs'
 
-  // workaround for [1]
-  const de = (await import('dayjs/locale/de')).default
-  // import 'dayjs/locale/de' does not make locale available
+// workaround for [1]
+import de from 'dayjs/locale/de'
+// import 'dayjs/locale/de' does not make locale available
 
-  const isSameOrBefore = (await import('dayjs/plugin/isSameOrBefore')).default
-  const localizedFormat = (await import('dayjs/plugin/localizedFormat')).default
-  const relativeTime = (await import('dayjs/plugin/relativeTime')).default
-  const timezone = (await import('dayjs/plugin/timezone')).default
-  const utc = (await import('dayjs/plugin/utc')).default
+import isSameOrBefore from 'dayjs/plugin/isSameOrBefore'
+import localizedFormat from 'dayjs/plugin/localizedFormat'
+import relativeTime from 'dayjs/plugin/relativeTime'
+import timezone from 'dayjs/plugin/timezone'
+import utc from 'dayjs/plugin/utc'
 
+export default defineNuxtPlugin((_nuxtApp) => {
   dayjs.extend(isSameOrBefore)
   dayjs.extend(localizedFormat)
   dayjs.extend(relativeTime)

package/plugins/gtag.client.ts

@@ -1,10 +1,10 @@
-export default defineNuxtPlugin(async (nuxtApp) => {
+import VueGtag from 'vue-gtag'
+
+export default defineNuxtPlugin((nuxtApp) => {
   const config = useRuntimeConfig()
   const router = useRouter()
   const cookieControl = useCookieControl()
 
-  const VueGtag = (await import('vue-gtag')).default
-
   nuxtApp.vueApp.use(
     VueGtag,
     {

package/utils/constants.ts

@@ -53,11 +53,9 @@ export const TITLE_TEMPLATE = ({
 }) => (title && title !== siteName ? `${title} · ${siteName}` : siteName)
 export const VERIFICATION_FORMAT_UUID = helpers.regex(REGEX_UUID)
 export const VIO_NUXT_BASE_CONFIG = ({
-  defaultLocale,
   siteName,
   stagingHost,
 }: {
-  defaultLocale?: string
   siteName: string
   stagingHost?: string
 }) =>
@@ -85,11 +83,9 @@ export const VIO_NUXT_BASE_CONFIG = ({
 
     // modules
     i18n: {
-      defaultLocale, // Must be set for the default prefix_except_default prefix strategy.
       ...I18N_MODULE_CONFIG, // `langDir`, `lazy` and `locales` must be configured to extend a layer having lazy-loaded translations (https://v8.i18n.nuxtjs.org/guide/layers#locales)
     },
     site: {
-      ...(defaultLocale ? { defaultLocale } : {}),
       name: siteName,
     },
   }) as Parameters<typeof defineNuxtConfig>[0]

package/plugins/siteConfig.server.ts

@@ -1,7 +0,0 @@
-export default defineNuxtPlugin((nuxtApp) => {
-  const { t } = nuxtApp.vueApp.$nuxt.$i18n
-
-  updateSiteConfig({
-    description: t('globalSeoSiteDescription'),
-  })
-})