@dargmuesli/nuxt-vio 5.0.1 → 6.0.0

package/components/vio/_/VioApp.vue

@@ -2,7 +2,7 @@
   <div :data-is-loading="isLoading" data-testid="is-loading">
     <NuxtLayout>
       <!-- `NuxtLayout` can't have mulitple child nodes (https://github.com/nuxt/nuxt/issues/21759) -->
-      <NuxtPage :site-description="siteDescriptionProp" />
+      <NuxtPage />
     </NuxtLayout>
   </div>
 </template>
@@ -11,18 +11,17 @@
 export interface Props {
   ogImageAlt: string
   ogImageComponent?: string
-  siteDescription: string
 }
 const props = withDefaults(defineProps<Props>(), {
   ogImageComponent: undefined,
 })
 const ogImageAltProp = toRef(() => props.ogImageAlt)
 const ogImageComponentProp = toRef(() => props.ogImageComponent)
-const siteDescriptionProp = toRef(() => props.siteDescription)
 
 const { $dayjs } = useNuxtApp()
 const { locale } = useI18n()
 const cookieControl = useCookieControl()
+const siteConfig = useSiteConfig()
 
 const { loadingIds, indicateLoadingDone } = useLoadingDoneIndicator('app')
 
@@ -61,9 +60,6 @@ watch(
 )
 
 // initialization
-updateSiteConfig({
-  description: siteDescriptionProp.value,
-})
 defineOgImage({
   alt: ogImageAltProp.value,
   component: ogImageComponentProp.value,
@@ -73,7 +69,7 @@ useFavicons()
 usePolyfills()
 useSchemaOrg([
   defineWebSite({
-    description: siteDescriptionProp,
+    description: siteConfig.description,
   }),
 ])
 init()

package/components/vio/_/VioError.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h1>{{ `${statusCode} - ${statusReason}` }}</h1>
+    <h1>{{ `${statusCode ? `${statusCode} - ` : ''}${statusReason}` }}</h1>
     <div>
       {{ description }}
     </div>
@@ -15,12 +15,13 @@
 import { status } from '@http-util/status-i18n'
 
 export interface Props {
-  statusCode: number
+  statusCode?: number
   statusMessage?: string
   description: string
   stack?: string
 }
 const props = withDefaults(defineProps<Props>(), {
+  statusCode: undefined,
   statusMessage: undefined,
   stack: undefined,
 })

package/composables/useHeadDefault.ts

@@ -8,14 +8,13 @@ export const useHeadDefault = ({
   extension?: UseSeoMetaInput
   title: string | ComputedRef<string>
 }) => {
-  const attrs = useAttrs()
   const siteConfig = useSiteConfig()
 
   const defaults: UseSeoMetaInput = {
-    description: attrs['site-description'] as string, // TODO: remove (https://github.com/harlan-zw/nuxt-site-config/pull/7)
+    description: siteConfig.description,
     msapplicationConfig: `/assets/static/favicon/browserconfig.xml?v=${CACHE_VERSION}`,
     title,
-    twitterDescription: attrs['site-description'] as string,
+    twitterDescription: siteConfig.description,
     twitterTitle: ref(
       TITLE_TEMPLATE({
         siteName: siteConfig.name,

package/locales/de.json

@@ -1,5 +1,6 @@
 {
   "globalPlaceholderUrl": "https://websei.te",
+  "globalSeoSiteDescription": "Vio ist {'@'}dargmueslis Nuxt layer.",
   "globalStatusError": "Fehler",
   "globalStatusLoading": "Lade...",
   "globalValidationFailed": "Bitte überprüfe deine Eingaben 🙈",

package/locales/en.json

@@ -1,5 +1,6 @@
 {
   "globalPlaceholderUrl": "https://websi.te",
+  "globalSeoSiteDescription": "Vio is {'@'}dargmuesli's Nuxt layer.",
   "globalStatusError": "Error",
   "globalStatusLoading": "Loading...",
   "globalValidationFailed": "Please check your input 🙈",

package/nuxt.config.ts

@@ -5,7 +5,6 @@ import { defu } from 'defu'
 
 import {
   SITE_URL,
-  I18N_COOKIE_NAME,
   I18N_MODULE_CONFIG,
   SITE_NAME,
   TIMEZONE_COOKIE_NAME,
@@ -95,18 +94,6 @@ export default defineNuxtConfig(
               },
               targetCookieIds: ['ncc_c', 'ncc_e'],
             },
-            {
-              description: {
-                de: 'Dieser Cookie von uns speichert die Sprache, in der diese Webseite angezeigt wird.',
-                en: "This cookie of ours stores the language that's used to display this website.",
-              },
-              id: 'l',
-              name: {
-                de: 'Sprache',
-                en: 'Language',
-              },
-              targetCookieIds: [I18N_COOKIE_NAME],
-            },
             {
               description: {
                 de: 'Dieser Cookie von uns speichert die Zeitzone, in der sich das Gerät zu befinden scheint.',
@@ -144,10 +131,7 @@ export default defineNuxtConfig(
       },
       i18n: {
         baseUrl: SITE_URL,
-        detectBrowserLanguage: {
-          cookieKey: I18N_COOKIE_NAME,
-          cookieSecure: true,
-        },
+        detectBrowserLanguage: false,
       },
       linkChecker: {
         failOnError: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-vio",
-  "version": "5.0.1",
+  "version": "6.0.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dargmuesli/vio.git"
@@ -75,9 +75,9 @@
     "@nuxtjs/html-validator": "1.5.2",
     "@nuxtjs/i18n": "8.0.0-rc.4",
     "@nuxtjs/tailwindcss": "6.8.0",
-    "@nuxtseo/module": "2.0.0-beta.29",
+    "@nuxtseo/module": "2.0.0-beta.30",
     "@pinia/nuxt": "0.4.11",
-    "@playwright/test": "1.37.1",
+    "@playwright/test": "1.38.0",
     "@tailwindcss/forms": "0.5.6",
     "@tailwindcss/typography": "0.5.10",
     "@types/cookie": "0.5.2",
@@ -92,33 +92,33 @@
     "cookie": "0.5.0",
     "cross-env": "7.0.3",
     "dayjs": "2.0.0-alpha.4",
+    "eslint": "8.49.0",
     "eslint-config-prettier": "9.0.0",
     "eslint-plugin-compat": "4.2.0",
     "eslint-plugin-nuxt": "4.0.0",
     "eslint-plugin-prettier": "5.0.0",
     "eslint-plugin-yml": "1.9.0",
-    "eslint": "8.49.0",
     "is-https": "4.0.0",
     "jiti": "1.20.0",
     "jose": "4.14.6",
     "lint-staged": "14.0.1",
     "lodash-es": "4.17.21",
-    "nuxt": "3.7.2",
+    "nuxt": "3.7.3",
     "pinia": "2.1.6",
-    "prettier-plugin-tailwindcss": "0.5.4",
     "prettier": "3.0.3",
+    "prettier-plugin-tailwindcss": "0.5.4",
     "serve": "14.2.1",
+    "stylelint": "15.10.3",
     "stylelint-config-recommended-vue": "1.5.0",
     "stylelint-config-standard": "34.0.0",
     "stylelint-no-unsupported-browser-features": "7.0.0",
-    "stylelint": "15.10.3",
     "sweetalert2": "11.7.27",
     "tailwindcss": "3.3.3",
+    "vue": "3.3.4",
     "vue-gtag": "2.0.1",
-    "vue-tsc": "1.8.11",
-    "vue": "3.3.4"
+    "vue-tsc": "1.8.11"
   },
   "peerDependencies": {
-    "playwright-core": "1.37.1"
+    "playwright-core": "1.38.0"
   }
 }

package/plugins/siteConfig.ts

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

package/utils/constants.ts

@@ -13,7 +13,6 @@ export const CACHE_VERSION = 'bOXMwoKlJr'
 export const COOKIE_PREFIX = SITE_NAME.toLocaleLowerCase()
 export const COOKIE_SEPARATOR = '_'
 export const FETCH_RETRY_AMOUNT = 3
-export const I18N_COOKIE_NAME = 'i18n_r'
 export const I18N_MODULE_CONFIG = {
   langDir: 'locales',
   lazy: true,