@dargmuesli/nuxt-vio 3.3.1 → 3.4.0

package/components/vio/_/VioApp.vue

@@ -2,18 +2,12 @@
   <div :data-is-loading="isLoading" data-testid="is-loading">
     <NuxtLayout>
       <!-- `NuxtLayout` can't have mulitple child nodes (https://github.com/nuxt/nuxt/issues/21759) -->
-      <div>
-        <NuxtPage :site-description="siteDescriptionProp" />
-        <CookieControl :locale="locale" />
-      </div>
+      <NuxtPage :site-description="siteDescriptionProp" />
     </NuxtLayout>
   </div>
 </template>
 
 <script setup lang="ts">
-import type { Locale } from '@dargmuesli/nuxt-cookie-control/dist/runtime/types'
-import type { WritableComputedRef } from 'vue'
-
 export interface Props {
   ogImageAlt: string
   ogImageComponent?: string
@@ -27,15 +21,12 @@ const ogImageComponentProp = toRef(() => props.ogImageComponent)
 const siteDescriptionProp = toRef(() => props.siteDescription)
 
 const { $dayjs } = useNuxtApp()
-const i18n = useI18n()
+const { locale } = useI18n()
 const cookieControl = useCookieControl()
 const siteConfig = useSiteConfig()
 
 const { loadingIds, indicateLoadingDone } = useLoadingDoneIndicator('app')
 
-// data
-const locale = i18n.locale as WritableComputedRef<Locale>
-
 // methods
 const init = () => {
   $dayjs.locale(locale.value)

package/components/vio/layout/VioLayout.vue

@@ -3,5 +3,16 @@
     <main>
       <slot />
     </main>
+    <CookieControl :locale="locale" />
   </div>
 </template>
+
+<script setup lang="ts">
+import type { Locale } from '@dargmuesli/nuxt-cookie-control/dist/runtime/types'
+import type { WritableComputedRef } from 'vue'
+
+const i18n = useI18n()
+
+// data
+const locale = i18n.locale as WritableComputedRef<Locale>
+</script>

package/composables/useAppLayout.ts

@@ -2,26 +2,30 @@ export const useAppLayout = () => {
   const appConfig = useAppConfig()
   const siteConfig = useSiteConfig()
 
-  useHeadSafe({
+  useServerHeadSafe({
     ...useLocaleHead({ addSeoAttributes: true }).value,
     bodyAttrs: {
       class:
         'bg-background-bright dark:bg-background-dark font-sans text-text-dark dark:text-text-bright',
     },
-  }) // TODO: use `useServerHeadSafe` (https://github.com/harlan-zw/nuxt-seo-kit/issues/87)
+  })
 
+  // TODO: convert to `useServerHeadSafe` (https://github.com/harlan-zw/nuxt-seo-kit/issues/98)
   useServerSeoMeta({
-    ...(appConfig.vio.themeColor
-      ? {
-          msapplicationTileColor: appConfig.vio.themeColor,
-          themeColor: appConfig.vio.themeColor,
-        }
-      : {}),
-    titleTemplate: (titleChunk) => {
-      return titleChunk && titleChunk !== siteConfig.name
-        ? `${titleChunk} ${siteConfig.titleSeparator} ${siteConfig.name}`
-        : siteConfig.name
-    },
-    ...(appConfig.vio.seoMeta ? appConfig.vio.seoMeta : {}),
+    titleTemplate: (title) =>
+      title && title !== siteConfig.name
+        ? `${title} ${siteConfig.titleSeparator} ${siteConfig.name}`
+        : siteConfig.name,
   })
+
+  if (appConfig.vio.seoMeta) {
+    useServerSeoMeta(appConfig.vio.seoMeta)
+  }
+
+  if (appConfig.vio.themeColor) {
+    useServerSeoMeta({
+      msapplicationTileColor: appConfig.vio.themeColor,
+      themeColor: appConfig.vio.themeColor,
+    })
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-vio",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -8,7 +8,7 @@
   "engines": {
     "node": "20"
   },
-  "packageManager": "pnpm@8.7.0",
+  "packageManager": "pnpm@8.7.4",
   "files": [
     "assets",
     "components",
@@ -54,23 +54,23 @@
   },
   "dependencies": {
     "@axe-core/playwright": "4.7.3",
-    "@dargmuesli/nuxt-cookie-control": "6.4.1",
+    "@dargmuesli/nuxt-cookie-control": "6.4.2",
     "@http-util/status-i18n": "0.8.1",
     "@nuxt/image": "1.0.0-rc.1",
     "@nuxtjs/color-mode": "3.3.0",
     "@nuxtjs/html-validator": "1.5.2",
-    "@nuxtjs/i18n": "8.0.0-rc.3",
+    "@nuxtjs/i18n": "8.0.0-rc.4",
     "@nuxtjs/tailwindcss": "6.8.0",
-    "@nuxtseo/module": "2.0.0-beta.22",
+    "@nuxtseo/module": "2.0.0-beta.25",
     "@pinia/nuxt": "0.4.11",
     "@playwright/test": "1.37.1",
     "@tailwindcss/forms": "0.5.6",
-    "@tailwindcss/typography": "0.5.9",
-    "@types/cookie": "0.5.1",
-    "@types/lodash-es": "4.17.8",
-    "@urql/core": "4.1.1",
+    "@tailwindcss/typography": "0.5.10",
+    "@types/cookie": "0.5.2",
+    "@types/lodash-es": "4.17.9",
+    "@urql/core": "4.1.2",
     "@urql/devtools": "2.0.3",
-    "@urql/exchange-graphcache": "6.3.2",
+    "@urql/exchange-graphcache": "6.3.3",
     "@urql/vue": "1.1.2",
     "@vuelidate/core": "2.0.3",
     "@vuelidate/validators": "2.0.4",
@@ -78,9 +78,8 @@
     "cookie": "0.5.0",
     "dayjs": "2.0.0-alpha.4",
     "is-https": "4.0.0",
-    "jose": "4.14.4",
+    "jose": "4.14.6",
     "lodash-es": "4.17.21",
-    "marked": "7.0.5",
     "pinia": "2.1.6",
     "sweetalert2": "11.7.27",
     "vue-gtag": "2.0.1",
@@ -89,7 +88,6 @@
   "devDependencies": {
     "@intlify/eslint-plugin-vue-i18n": "3.0.0-next.3",
     "@nuxtjs/eslint-config-typescript": "12.1.0",
-    "@types/marked": "5.0.1",
     "cross-env": "7.0.3",
     "eslint": "8.48.0",
     "eslint-config-prettier": "9.0.0",
@@ -98,9 +96,9 @@
     "eslint-plugin-prettier": "5.0.0",
     "eslint-plugin-yml": "1.8.0",
     "lint-staged": "14.0.1",
-    "nuxt": "3.7.0",
+    "nuxt": "3.7.1",
     "prettier": "3.0.3",
-    "prettier-plugin-tailwindcss": "0.5.3",
+    "prettier-plugin-tailwindcss": "0.5.4",
     "stylelint": "15.10.3",
     "stylelint-config-recommended-vue": "1.5.0",
     "stylelint-config-standard": "34.0.0",

package/plugins/marked.ts

@@ -1,9 +0,0 @@
-import { marked } from 'marked'
-
-export default defineNuxtPlugin((_nuxtApp) => {
-  return {
-    provide: {
-      marked: marked.parse,
-    },
-  }
-})