@dargmuesli/nuxt-vio 14.1.2 → 15.0.0

package/.config/lint.js

@@ -59,7 +59,7 @@ export const VIO_ESLINT_CONFIG = [
     settings: {
       polyfills: POLYFILLS,
       'vue-i18n': {
-        localeDir: './locales/*.json',
+        localeDir: './i18n/locales/*.json',
         messageSyntaxVersion: '^9.0.0',
       },
     },
@@ -68,7 +68,7 @@ export const VIO_ESLINT_CONFIG = [
     ignores: ['tests'],
   },
   {
-    files: ['locales/**/*'],
+    files: ['i18n/locales/**/*'],
     rules: {
       '@intlify/vue-i18n/no-unused-keys': 'off',
     },

package/components/vio/_/VioLink.vue

@@ -26,6 +26,7 @@
 
 <script setup lang="ts">
 import type { NuxtLinkProps } from '#app'
+import type { I18N_LOCALE_CODE } from '../../../types/i18n'
 import { append } from '../../../utils/utils' // TODO: wait for autoimport to be fixed and remove this import
 
 interface Props {
@@ -33,7 +34,7 @@ interface Props {
   isColored?: boolean
   isToRelative?: boolean
   isUnderlined?: boolean
-  locale?: string
+  locale?: I18N_LOCALE_CODE
   nofollow?: boolean
   to: NuxtLinkProps['to']
 }

package/composables/useAppLayout.ts

@@ -3,7 +3,7 @@ export const useAppLayout = () => {
   const siteConfig = useSiteConfig()
 
   useServerHeadSafe({
-    ...useLocaleHead({ addDirAttribute: true, addSeoAttributes: true }).value,
+    ...useLocaleHead().value,
     bodyAttrs: {
       class:
         'bg-background-bright dark:bg-background-dark text-text-dark dark:text-text-bright',

package/package.json

@@ -1,38 +1,38 @@
 {
   "dependencies": {
-    "@dargmuesli/nuxt-cookie-control": "8.4.17",
-    "@eslint/compat": "1.2.3",
+    "@dargmuesli/nuxt-cookie-control": "8.4.18",
+    "@eslint/compat": "1.2.4",
     "@heroicons/vue": "2.2.0",
     "@http-util/status-i18n": "0.8.1",
-    "@intlify/eslint-plugin-vue-i18n": "3.1.0",
-    "@nuxt/devtools": "1.6.1",
+    "@intlify/eslint-plugin-vue-i18n": "4.0.0-next.0",
+    "@nuxt/devtools": "1.6.3",
     "@nuxt/eslint": "0.7.2",
     "@nuxt/image": "1.8.1",
     "@nuxtjs/color-mode": "3.5.2",
     "@nuxtjs/html-validator": "1.8.2",
-    "@nuxtjs/i18n": "8.5.6",
+    "@nuxtjs/i18n": "9.0.0",
     "@nuxtjs/seo": "2.0.2",
     "@nuxtjs/tailwindcss": "6.12.2",
-    "@pinia/nuxt": "0.5.5",
+    "@pinia/nuxt": "0.9.0",
     "@tailwindcss/forms": "0.5.9",
     "@tailwindcss/typography": "0.5.15",
     "@types/lodash-es": "4.17.12",
-    "@urql/core": "5.0.8",
+    "@urql/core": "5.1.0",
     "@urql/vue": "1.4.2",
     "@vuelidate/core": "2.0.3",
     "@vuelidate/validators": "2.0.4",
     "clipboardy": "4.0.0",
     "dayjs": "2.0.0-alpha.4",
-    "eslint": "9.15.0",
+    "eslint": "9.16.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-compat": "6.0.1",
     "eslint-plugin-prettier": "5.2.1",
-    "eslint-plugin-yml": "1.15.0",
-    "globals": "15.12.0",
-    "jiti": "2.4.0",
+    "eslint-plugin-yml": "1.16.0",
+    "globals": "15.13.0",
+    "jiti": "2.4.1",
     "jose": "5.9.6",
     "nuxt-gtag": "3.0.2",
-    "nuxt-security": "2.1.4",
+    "nuxt-security": "2.1.5",
     "sweetalert2": "11.14.5",
     "vue-tsc": "2.1.10"
   },
@@ -46,16 +46,16 @@
     "h3": "1.13.0",
     "lodash-es": "4.17.21",
     "nuxt": "3.14.1592",
-    "pinia": "2.2.7",
-    "prettier": "3.4.1",
+    "pinia": "2.3.0",
+    "prettier": "3.4.2",
     "prettier-plugin-tailwindcss": "0.6.9",
     "serve": "14.2.4",
     "sharp": "0.33.5",
-    "stylelint": "16.10.0",
+    "stylelint": "16.11.0",
     "stylelint-config-recommended-vue": "1.5.0",
     "stylelint-config-standard": "36.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.2",
-    "tailwindcss": "3.4.15",
+    "tailwindcss": "3.4.16",
     "unhead": "1.11.13",
     "vue": "3.5.13",
     "vue-router": "4.5.0"
@@ -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": "14.1.2"
+  "version": "15.0.0"
 }

package/types/i18n.d.ts

@@ -0,0 +1,2 @@
+export type I18N_LOCALE_CODE =
+  (typeof I18N_MODULE_CONFIG)['locales'][number]['code']

package/utils/constants.ts

@@ -131,17 +131,16 @@ export const GET_CSP = (siteUrl: string) =>
   )
 export const GTAG_COOKIE_ID = 'ga'
 export const I18N_MODULE_CONFIG = {
-  langDir: 'locales',
   lazy: true,
   locales: [
     {
-      code: 'en',
+      code: 'en' as const,
       file: 'en.json',
       language: 'en', // could be `en-US` is multiple `en` locales are differentiated
       name: 'English', // Will be used as catchall locale by default.
     },
     {
-      code: 'de',
+      code: 'de' as const,
       file: 'de.json',
       language: 'de', // could be `de-DE` is multiple `de` locales are differentiated
       name: 'Deutsch',

package/i18n.config.ts

@@ -1,3 +0,0 @@
-import { I18N_VUE_CONFIG } from './utils/constants'
-
-export default defineI18nConfig(() => I18N_VUE_CONFIG)

package/locales/de.json

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

package/locales/en.json

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