@dargmuesli/nuxt-vio 17.0.4 → 18.0.0

package/.config/lint.js

@@ -1,6 +1,5 @@
 // @ts-check
 
-// @ts-ignore
 import vueI18n from '@intlify/eslint-plugin-vue-i18n'
 import eslintPluginCompat from 'eslint-plugin-compat'
 import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
@@ -9,7 +8,7 @@ import globals from 'globals'
 import { createJiti } from 'jiti'
 
 const jiti = createJiti(import.meta.url)
-const constants = await jiti.import('../utils/constants.ts')
+const constants = await jiti.import('../shared/utils/constants.ts')
 // @ts-ignore
 const POLYFILLS = constants.POLYFILLS
 

package/{components → app/components}/vio/_/VioApp.vue

@@ -10,23 +10,19 @@
 
 <script setup lang="ts">
 interface Props {
-  ogImageAlt: string
   ogImageComponent?: string
 }
 const props = withDefaults(defineProps<Props>(), {
   ogImageComponent: undefined,
 })
-const ogImageAltProp = toRef(() => props.ogImageAlt)
-const ogImageComponentProp = toRef(() => props.ogImageComponent)
 
 const { $dayjs } = useNuxtApp()
-const { locale } = useI18n()
-const siteConfig = useSiteConfig()
+const { locale, t } = useI18n()
 
 const { loadingIds, indicateLoadingDone } = useLoadingDoneIndicator('app')
 
 // methods
-const init = () => {
+const initialize = () => {
   $dayjs.locale(locale.value)
 
   if (import.meta.client) {
@@ -49,22 +45,15 @@ onMounted(() => indicateLoadingDone())
 
 // initialization
 defineOgImageComponent(
-  ogImageComponentProp.value || 'NuxtSeo',
+  props.ogImageComponent || 'NuxtSeo',
+  {},
   {
-    description: siteConfig.description,
-  },
-  {
-    alt: ogImageAltProp.value,
+    alt: t('globalSeoOgImageAlt'),
   },
 )
 useAppLayout()
-useFavicons()
 usePolyfills()
-useSchemaOrg([
-  defineWebSite({
-    description: siteConfig.description,
-  }),
-])
+useSchemaOrg([defineWebSite()])
 useVioGtag()
-init()
+initialize()
 </script>

package/{components → app/components}/vio/_/VioError.vue

@@ -36,9 +36,7 @@ const title = `${props.statusCode ? `${props.statusCode} - ` : ''}${
 }`
 
 // initialization
-useHeadDefault({
-  title,
-})
+useHeadDefault({ title })
 </script>
 
 <i18n lang="yaml">

package/{components → app/components}/vio/_/VioLink.vue

@@ -26,8 +26,6 @@
 
 <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 {
   ariaLabel?: string

package/{components → app/components}/vio/form/VioForm.vue

@@ -43,8 +43,6 @@
 <script setup lang="ts">
 import type { BaseValidation } from '@vuelidate/core'
 
-import type { BackendError } from '../../../types/api'
-
 interface Props {
   errors?: BackendError[]
   errorsPgIds?: Record<string, string>

package/{components → app/components}/vio/loader/Loader.vue

@@ -16,8 +16,6 @@
 <script setup lang="ts">
 import type { UnwrapRef } from 'vue'
 
-import type { ApiData } from '@dargmuesli/nuxt-vio/types/api'
-
 interface Props {
   api: UnwrapRef<ApiData>
   errorPgIds?: Record<string, string>

package/{components → app/components}/vio/page/VioPageLegalNotice.vue

@@ -73,9 +73,6 @@ const { t } = useI18n()
 
 // data
 const title = t('title')
-
-// initialization
-useHeadDefault({ title })
 </script>
 
 <i18n lang="yaml">

package/{components → app/components}/vio/page/VioPagePrivacyPolicy.vue

@@ -507,9 +507,6 @@ const { t } = useI18n()
 
 // data
 const title = t('title')
-
-// initialization
-useHeadDefault({ title })
 </script>
 
 <i18n lang="yaml">

package/app/composables/head.ts

@@ -0,0 +1,115 @@
+export const useAppLayout = () => {
+  const appConfig = useAppConfig()
+  const colorMode = useColorMode()
+  const siteConfig = useSiteConfig()
+
+  if (import.meta.server) {
+    // style
+    useHeadSafe({
+      bodyAttrs: {
+        class:
+          'bg-background-bright dark:bg-background-dark text-text-dark dark:text-text-bright',
+      },
+    })
+
+    // favicon (https://vite-pwa-org.netlify.app/assets-generator/)
+    useServerHeadSafe({
+      link: [
+        {
+          href: `/site.webmanifest?v=${CACHE_VERSION}`,
+          rel: 'manifest',
+        },
+        {
+          href: `/favicon.ico?v=${CACHE_VERSION}`,
+          rel: 'icon',
+          sizes: '48x48',
+        },
+        {
+          href: `/assets/static/favicon/favicon.svg?v=${CACHE_VERSION}`,
+          rel: 'icon',
+          sizes: 'any',
+          type: 'image/svg+xml',
+        },
+        {
+          href: `/assets/static/favicon/apple-touch-icon-180x180.png?v=${CACHE_VERSION}`,
+          rel: 'apple-touch-icon',
+        },
+      ],
+    })
+
+    // i18n
+    useHeadSafe(useLocaleHead().value)
+  }
+
+  if (import.meta.client) {
+    // theme
+    const updateThemeColor = () => {
+      useSeoMeta({
+        themeColor: appConfig.vio.themeColor, // colorMode.value === 'dark' ? THEME_COLOR_DARK : THEME_COLOR,
+      })
+    }
+    updateThemeColor()
+    watch(() => colorMode.value, updateThemeColor)
+  }
+
+  // seo
+  useSeoMeta({
+    titleTemplate: (title) =>
+      TITLE_TEMPLATE({
+        siteName: siteConfig.name,
+        title,
+      }),
+  })
+}
+
+export const useHeadDefault = (input: Parameters<typeof useSeoMeta>[0]) => {
+  const siteConfig = useSiteConfig()
+
+  const description =
+    toValue(input.description) || (siteConfig.description as string)
+  const title = TITLE_TEMPLATE({
+    siteName: siteConfig.name,
+    title: toValue(input.title)?.toString() || undefined,
+  })
+
+  useSeoMeta({
+    ...(description
+      ? {
+          description,
+          ogDescription: description,
+          twitterDescription: description,
+        }
+      : {}),
+    ...(title ? { title, ogTitle: title, twitterTitle: title } : {}),
+    ...input,
+  })
+}
+
+const POLYFILLS_URL = `https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=${POLYFILLS.join(
+  '%2C',
+)}&flags=gated`
+
+export const usePolyfills = () => {
+  if (!POLYFILLS.length) return
+
+  if (import.meta.server) {
+    useHead({
+      link: [
+        {
+          rel: 'preload',
+          href: POLYFILLS_URL,
+          crossorigin: 'anonymous',
+          as: 'script',
+          'data-testid': 'polyfill-preload',
+        },
+      ],
+      script: [
+        {
+          src: POLYFILLS_URL,
+          crossorigin: 'anonymous',
+          'data-testid': 'polyfill-script',
+        },
+      ],
+    })
+  }
+}

package/app/composables/networking.ts

@@ -0,0 +1,30 @@
+export const useGetServiceHref = () => {
+  const host = useHost()
+  const runtimeConfig = useRuntimeConfig()
+
+  return ({
+    isSsr = true,
+    name,
+    port,
+  }: {
+    isSsr?: boolean
+    name?: string
+    port?: number
+  }) =>
+    getServiceHref({
+      host,
+      isSsr,
+      name,
+      port,
+      stagingHost: runtimeConfig.public.vio.stagingHost,
+    })
+}
+
+export const useHost = () => {
+  const { ssrContext } = useNuxtApp()
+  const host = ssrContext ? getHost(ssrContext.event) : location.host
+
+  if (!host) throw new Error('Host is not given!')
+
+  return host
+}

package/{error.vue → app/error.vue}

@@ -24,7 +24,8 @@ const errorProp = toRef(() => props.error)
 // initialization
 useAppLayout()
 
-useServerHeadSafe({
+useHeadDefault({
   title: `${errorProp.value.statusCode} - ${errorProp.value.message}`,
 })
+defineOgImageComponent('NuxtSeo', {}, {})
 </script>

package/app/pages/legal-notice.vue

@@ -0,0 +1,20 @@
+<template>
+  <VioPageLegalNotice />
+</template>
+
+<script setup lang="ts">
+const { t } = useI18n()
+
+// data
+const title = t('title')
+
+// initialization
+useHeadDefault({ title })
+</script>
+
+<i18n lang="yaml">
+de:
+  title: Impressum
+en:
+  title: Legal notice
+</i18n>

package/{pages → app/pages}/privacy-policy.vue

@@ -35,23 +35,40 @@
         log: true,
         contactForm: true,
         contactExternal: true,
-        comments: {
-          ip: true,
-          subscribe: true,
-          storageDuration: true,
-          legalBasis: true,
-        },
-      },
-      newsletter: {
-        data: true,
-      },
-      pluginsTools: {
-        youTube: true,
-        googleWebFonts: true,
-        fontAwesome: true,
-        googleMaps: true,
-        googleReCaptcha: true,
+        // comments: {
+        //   ip: true,
+        //   subscribe: true,
+        //   storageDuration: true,
+        //   legalBasis: true,
+        // },
       },
+      // newsletter: {
+      //   data: true,
+      // },
+      // pluginsTools: {
+      //   youTube: true,
+      //   googleWebFonts: true,
+      //   fontAwesome: true,
+      //   googleMaps: true,
+      //   googleReCaptcha: true,
+      // },
     }"
   />
 </template>
+
+<script setup lang="ts">
+const { t } = useI18n()
+
+// data
+const title = t('title')
+
+// initialization
+useHeadDefault({ title })
+</script>
+
+<i18n lang="yaml">
+de:
+  title: Datenschutzerklärung
+en:
+  title: Privacy Policy
+</i18n>

package/i18n/i18n.config.ts

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

package/i18n/locales/de.json

@@ -1,4 +1,5 @@
 {
+  "globalSeoOgImageAlt": "Social Preview Image für eine Vio Webseite.",
   "globalPlaceholderEmailAddress": "e-mail{'@'}adres.se",
   "globalPlaceholderUrl": "https://websei.te",
   "globalStatusError": "Fehler",

package/i18n/locales/en.json

@@ -1,4 +1,5 @@
 {
+  "globalSeoOgImageAlt": "Social Preview Image for a Vio webpage.",
   "globalPlaceholderEmailAddress": "email{'@'}addre.ss",
   "globalPlaceholderUrl": "https://websi.te",
   "globalStatusError": "Error",

package/nuxt.config.ts

@@ -3,12 +3,12 @@ import { defu } from 'defu'
 
 import {
   SITE_URL,
-  SITE_NAME,
+  VIO_SITE_NAME,
   TIMEZONE_COOKIE_NAME,
   GTAG_COOKIE_ID,
-  GET_CSP,
-} from './utils/constants'
-import { VIO_NUXT_BASE_CONFIG } from './utils/nuxt'
+  VIO_GET_CSP,
+} from './shared/utils/constants'
+import { VIO_NUXT_BASE_CONFIG } from './shared/utils/nuxt'
 
 export default defineNuxtConfig(
   defu(
@@ -18,7 +18,6 @@ export default defineNuxtConfig(
           htmlAttrs: {
             lang: 'en', // fallback data to prevent invalid html at generation
           },
-          titleTemplate: '%s', // fully set in `composables/useAppLayout.ts`
         },
         pageTransition: {
           name: 'layout',
@@ -40,6 +39,9 @@ export default defineNuxtConfig(
           enabled: true,
         },
       },
+      future: {
+        compatibilityVersion: 4,
+      },
       modules: [
         '@dargmuesli/nuxt-cookie-control',
         '@nuxt/devtools',
@@ -71,7 +73,7 @@ export default defineNuxtConfig(
                     "'unsafe-inline'", // nuxt-color-mode (https://github.com/nuxt-modules/color-mode/issues/266), runtimeConfig (static)
                   ],
                 },
-                GET_CSP(SITE_URL),
+                VIO_GET_CSP(SITE_URL),
                 nuxtConfigSecurityHeaders.contentSecurityPolicy,
               )
             }
@@ -120,6 +122,12 @@ export default defineNuxtConfig(
         },
       },
       vite: {
+        optimizeDeps: {
+          include: [
+            '@dargmuesli/nuxt-cookie-control/runtime/types',
+            '@vuelidate/validators',
+          ],
+        },
         plugins: [tailwindcss()],
       },
 
@@ -198,7 +206,7 @@ export default defineNuxtConfig(
         initMode: 'manual',
       },
       htmlValidator: {
-        // failOnError: true, // TODO: enable once headers match requirements (https://github.com/unjs/unhead/issues/199#issuecomment-1815728703)
+        failOnError: true,
         logLevel: 'warning',
       },
       i18n: {
@@ -247,7 +255,6 @@ export default defineNuxtConfig(
         strict: true,
       },
       site: {
-        id: 'vio',
         url: SITE_URL,
       },
       sitemap: {
@@ -309,7 +316,7 @@ export default defineNuxtConfig(
       },
     },
     VIO_NUXT_BASE_CONFIG({
-      siteName: SITE_NAME,
+      siteName: VIO_SITE_NAME,
       stagingHost: 'localhost:3000',
     }),
   ),

package/package.json

@@ -1,21 +1,21 @@
 {
   "dependencies": {
-    "@dargmuesli/nuxt-cookie-control": "8.5.3",
+    "@dargmuesli/nuxt-cookie-control": "8.5.4",
     "@eslint/compat": "1.2.7",
     "@heroicons/vue": "2.2.0",
     "@http-util/status-i18n": "0.9.0",
     "@intlify/eslint-plugin-vue-i18n": "4.0.0",
-    "@nuxt/devtools": "2.2.1",
-    "@nuxt/eslint": "1.1.0",
-    "@nuxt/image": "1.9.0",
+    "@nuxt/devtools": "2.3.0",
+    "@nuxt/eslint": "1.2.0",
+    "@nuxt/image": "1.10.0",
     "@nuxtjs/color-mode": "3.5.2",
     "@nuxtjs/html-validator": "2.1.0",
-    "@nuxtjs/i18n": "9.2.1",
-    "@nuxtjs/seo": "2.2.0",
+    "@nuxtjs/i18n": "9.3.2",
+    "@nuxtjs/seo": "3.0.1",
     "@pinia/nuxt": "0.10.1",
     "@tailwindcss/forms": "0.5.10",
     "@tailwindcss/typography": "0.5.16",
-    "@tailwindcss/vite": "4.0.11",
+    "@tailwindcss/vite": "4.0.14",
     "@types/lodash-es": "4.17.12",
     "@urql/core": "5.1.1",
     "@urql/vue": "1.4.3",
@@ -23,39 +23,37 @@
     "@vuelidate/validators": "2.0.4",
     "clipboardy": "4.0.0",
     "dayjs": "2.0.0-alpha.4",
-    "eslint": "9.21.0",
-    "eslint-config-prettier": "10.0.2",
+    "eslint": "9.22.0",
+    "eslint-config-prettier": "10.1.1",
     "eslint-plugin-compat": "6.0.2",
     "eslint-plugin-prettier": "5.2.3",
     "eslint-plugin-yml": "1.17.0",
     "globals": "16.0.0",
     "jiti": "2.4.2",
-    "jose": "6.0.8",
+    "jose": "6.0.10",
     "nuxt-gtag": "3.0.2",
     "nuxt-security": "2.2.0",
     "sweetalert2": "11.17.2",
     "vue-tsc": "2.2.8"
   },
   "devDependencies": {
-    "@unhead/vue": "1.11.20",
     "@urql/devtools": "2.0.3",
     "@urql/exchange-graphcache": "7.2.3",
-    "consola": "3.4.0",
+    "consola": "3.4.2",
     "defu": "6.1.4",
     "h3": "1.15.1",
     "lodash-es": "4.17.21",
-    "nuxt": "3.15.4",
+    "nuxt": "3.16.1",
     "pinia": "3.0.1",
     "prettier": "3.5.3",
     "prettier-plugin-tailwindcss": "0.6.11",
     "serve": "14.2.4",
     "sharp": "0.33.5",
-    "stylelint": "16.15.0",
+    "stylelint": "16.16.0",
     "stylelint-config-recommended-vue": "1.6.0",
     "stylelint-config-standard": "37.0.0",
     "stylelint-no-unsupported-browser-features": "8.0.4",
-    "tailwindcss": "4.0.11",
-    "unhead": "1.11.20",
+    "tailwindcss": "4.0.14",
     "vue": "3.5.13",
     "vue-router": "4.5.0"
   },
@@ -64,27 +62,17 @@
   },
   "files": [
     ".config",
-    "assets",
-    "components",
-    "composables",
+    "app",
     "i18n",
-    "layouts",
-    "pages",
-    "plugins",
     "server",
-    "store",
-    "types",
-    "utils",
-    "app.config.ts",
-    "error.vue",
-    "i18n.config.ts",
+    "shared",
     "nuxt.config.ts",
     "package.json"
   ],
   "main": "nuxt.config.ts",
   "name": "@dargmuesli/nuxt-vio",
   "peerDependencies": {
-    "nuxt": "3.15.4",
+    "nuxt": "3.16.0",
     "vue": "3.5.13",
     "vue-router": "4.5.0"
   },
@@ -116,5 +104,5 @@
     "start:static": "serve .playground/.output/public --ssl-cert ./.config/certificates/ssl.crt --ssl-key ./.config/certificates/ssl.key"
   },
   "type": "module",
-  "version": "17.0.4"
+  "version": "18.0.0"
 }

package/server/middleware/headers.ts

@@ -1,5 +1,3 @@
-import type { AppConfig } from '../../app.config'
-
 export default defineEventHandler(async (event) => {
   const config = useAppConfig() as AppConfig
 

package/server/plugins/security.ts

@@ -1,6 +1,5 @@
 import { defu } from 'defu'
 import type { NuxtOptions } from 'nuxt/schema'
-import { GET_CSP } from '../../utils/constants'
 
 // remove invalid `'none'`s and duplicates
 export const cleanupCsp = (
@@ -36,7 +35,7 @@ export default defineNitroPlugin((nitroApp) => {
       defu(
         {
           headers: {
-            contentSecurityPolicy: GET_CSP(siteUrl),
+            contentSecurityPolicy: VIO_GET_CSP(siteUrl),
           },
         },
         routeRules['/**'],

package/{composables/useGetServiceHref.ts → server/utils/networking.ts}

@@ -17,5 +17,14 @@ export const useGetServiceHref = () => {
       name,
       port,
       stagingHost: runtimeConfig.public.vio.stagingHost,
-    })
+    }).toString()
+}
+
+export const useHost = () => {
+  const event = useEvent()
+  const host = getHost(event)
+
+  if (!host) throw new Error('Host is not given!')
+
+  return host
 }

package/server/utils/testing.ts

@@ -1,5 +1,4 @@
 import type { H3Event } from 'h3'
-import { TESTING_COOKIE_NAME } from '../../utils/constants'
 
 export const isTestingServer = (event?: H3Event) => {
   const isTestingByRuntimeConfig = useRuntimeConfig().public.vio.isTesting

package/server/utils/timezone.ts

@@ -1,7 +1,5 @@
 import type { H3Event } from 'h3'
 
-import { TIMEZONE_COOKIE_NAME } from '../../utils/constants'
-
 // TODO: rename to `getTimezone` (https://github.com/nuxt/cli/issues/266)
 export const getTimezoneServer = async (event: H3Event) => {
   const timezoneBySsr = event.context.$timezone

package/{utils → shared/utils}/auth.ts

@@ -3,8 +3,7 @@ import { consola } from 'consola'
 import { type H3Event, setCookie } from 'h3'
 import { decodeJwt } from 'jose'
 
-import { useVioAuthStore } from '../store/auth'
-import { JWT_NAME } from './constants'
+import { useVioAuthStore } from '../../app/stores/auth'
 
 export const getJwtFromCookie = () => {
   const cookie = useCookie(JWT_NAME())

package/{utils → shared/utils}/constants.ts

@@ -2,19 +2,19 @@ import { DEFAULTS } from '@dargmuesli/nuxt-cookie-control/runtime/types'
 import { helpers } from '@vuelidate/validators'
 import { defu } from 'defu'
 
-export const SITE_NAME = 'Vio'
+export const VIO_SITE_NAME = 'Vio'
 
 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 = 'bOXMwoKlJr'
+export const CACHE_VERSION = 'zeMtipb6C9'
 export const COOKIE_CONTROL_CONSENT_COOKIE_NAME =
   DEFAULTS.cookieNameIsConsentGiven
-export const COOKIE_PREFIX = SITE_NAME.toLocaleLowerCase()
+export const COOKIE_PREFIX = VIO_SITE_NAME.toLocaleLowerCase()
 export const COOKIE_SEPARATOR = '_'
 export const FETCH_RETRY_AMOUNT = 3
-export const GET_CSP = (siteUrl: string) =>
+export const VIO_GET_CSP = (siteUrl: string) =>
   defu(
     {
       // Cloudflare
@@ -108,7 +108,7 @@ export const GET_CSP = (siteUrl: string) =>
       // nuxt
       ...(process.env.NODE_ENV === 'development'
         ? {
-            'frame-src': `${siteUrl}/__nuxt_devtools__/client/`, // devtools
+            'frame-src': [`${siteUrl}/__nuxt_devtools__/client/`], // devtools
           }
         : {}),
       'connect-src': [
@@ -167,7 +167,7 @@ export const REGEX_UUID =
   /^[a-z0-9]{8}-[a-z0-9]{4}-[a-z0-9]{4}-[a-z0-9]{4}-[a-z0-9]{12}$/
 export const TESTING_COOKIE_NAME = 'vio_is-testing'
 export const TIMEZONE_COOKIE_NAME = [COOKIE_PREFIX, 'tz'].join(COOKIE_SEPARATOR)
-export const TIMEZONE_HEADER_KEY = `X-${SITE_NAME}-Timezone`
+export const TIMEZONE_HEADER_KEY = `X-${VIO_SITE_NAME}-Timezone`
 export const TITLE_TEMPLATE = ({
   siteName,
   title,

package/{utils → shared/utils}/networking.ts

@@ -2,8 +2,6 @@ import type { CombinedError } from '@urql/core'
 import type { H3Event } from 'h3'
 import type { Ref } from 'vue'
 
-import type { ApiData, BackendError } from '../types/api'
-
 export const getApiDataDefault = (): ApiData =>
   computed(() =>
     reactive({
@@ -63,15 +61,16 @@ export const getCombinedErrorMessages = (
   return errorMessages
 }
 
-export const getDomainTldPort = (host: string) => {
+export const getRootHost = (host: string) => {
   const hostParts = host.split('.')
+  const hostPartsLast = hostParts[hostParts.length - 1]
 
-  if (/^localhost(:[0-9]+)?$/.test(hostParts[hostParts.length - 1]))
-    return hostParts[hostParts.length - 1]
+  if (hostPartsLast && /^localhost(:[0-9]+)?$/.test(hostPartsLast))
+    return hostPartsLast
 
   if (hostParts.length === 1) return hostParts[0]
 
-  return `${hostParts[hostParts.length - 2]}.${hostParts[hostParts.length - 1]}`
+  return `${hostParts[hostParts.length - 2]}.${hostPartsLast}`
 }
 
 export const getHost = (event: H3Event) => {
@@ -106,6 +105,6 @@ export const getServiceHref = ({
   } else if (isSsr && process.server) {
     return `http://${name}${portString}`
   } else {
-    return `https://${nameSubdomainString}${getDomainTldPort(host)}`
+    return `https://${nameSubdomainString}${getRootHost(host)}`
   }
 }

package/composables/useAppLayout.ts

@@ -1,28 +0,0 @@
-export const useAppLayout = () => {
-  const appConfig = useAppConfig()
-  const siteConfig = useSiteConfig()
-
-  useServerHeadSafe({
-    ...useLocaleHead().value,
-    bodyAttrs: {
-      class:
-        'bg-background-bright dark:bg-background-dark text-text-dark dark:text-text-bright',
-    },
-  })
-
-  // adding `Server` leads incorrect title template on hydration
-  useSeoMeta({
-    titleTemplate: (title) =>
-      TITLE_TEMPLATE({
-        siteName: siteConfig.name,
-        title,
-      }),
-  })
-
-  if (appConfig.vio.themeColor) {
-    useServerSeoMeta({
-      msapplicationTileColor: appConfig.vio.themeColor,
-      themeColor: appConfig.vio.themeColor,
-    })
-  }
-}

package/composables/useFavicons.ts

@@ -1,21 +0,0 @@
-export const useFavicons = () => {
-  const appConfig = useAppConfig()
-
-  useServerHeadSafe({
-    link: [
-      {
-        href: `/site.webmanifest?v=${CACHE_VERSION}`,
-        rel: 'manifest',
-      },
-      {
-        color: appConfig.vio.themeColor,
-        href: `/assets/static/favicon/safari-pinned-tab.svg?v=${CACHE_VERSION}`,
-        rel: 'mask-icon',
-      },
-      {
-        href: `/favicon.ico?v=${CACHE_VERSION}`,
-        rel: 'shortcut icon',
-      },
-    ],
-  })
-}

package/composables/useHeadDefault.ts

@@ -1,25 +0,0 @@
-import type { UseSeoMetaInput } from '@unhead/vue'
-
-export const useHeadDefault = (input: UseSeoMetaInput) => {
-  const siteConfig = useSiteConfig()
-
-  const description = input.description || siteConfig.description
-  const title = TITLE_TEMPLATE({
-    siteName: siteConfig.name,
-    title: input.title?.toString(),
-  })
-
-  // can't be server side or it won't update on the client
-  useSeoMeta({
-    ...(description
-      ? {
-          description,
-          ogDescription: description,
-          twitterDescription: description,
-        }
-      : {}),
-    msapplicationConfig: `/assets/static/favicon/browserconfig.xml?v=${CACHE_VERSION}`,
-    ...(title ? { title, ogTitle: title, twitterTitle: title } : {}),
-    ...input,
-  })
-}

package/composables/useHost.ts

@@ -1,9 +0,0 @@
-export const useHost = () => {
-  const { ssrContext } = useNuxtApp()
-
-  if (ssrContext) {
-    return getHost(ssrContext.event)
-  } else {
-    return location.host
-  }
-}

package/composables/usePolyfills.ts

@@ -1,28 +0,0 @@
-import { POLYFILLS } from '../utils/constants'
-
-export const usePolyfills = () => {
-  if (!POLYFILLS.length) return
-
-  const polyfillsUrl = `https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=${POLYFILLS.join(
-    '%2C',
-  )}&flags=gated`
-
-  useServerHead({
-    link: [
-      {
-        rel: 'preload',
-        href: polyfillsUrl,
-        crossorigin: 'anonymous',
-        as: 'script',
-        'data-testid': 'polyfill-preload',
-      },
-    ],
-    script: [
-      {
-        src: polyfillsUrl,
-        crossorigin: 'anonymous',
-        'data-testid': 'polyfill-script',
-      },
-    ],
-  })
-}

package/pages/legal-notice.vue

@@ -1,3 +0,0 @@
-<template>
-  <VioPageLegalNotice />
-</template>