@dargmuesli/nuxt-vio 19.0.2 → 19.1.0

package/.config/lint.js

@@ -36,13 +36,6 @@ export const VIO_ESLINT_CONFIG = [
       },
     },
     rules: {
-      '@intlify/vue-i18n/no-missing-keys': 'error',
-      '@intlify/vue-i18n/no-raw-text': 'error',
-      '@intlify/vue-i18n/no-deprecated-i18n-component': 'error', // TODO: do not specify below rules manually, but have them included in `recommended` https://github.com/intlify/eslint-plugin-vue-i18n/issues/275
-      '@intlify/vue-i18n/no-deprecated-i18n-place-attr': 'error',
-      '@intlify/vue-i18n/no-deprecated-i18n-places-prop': 'error',
-      '@intlify/vue-i18n/no-i18n-t-path-prop': 'error',
-      '@intlify/vue-i18n/valid-message-syntax': 'error',
       '@intlify/vue-i18n/key-format-style': 'error',
       '@intlify/vue-i18n/no-duplicate-keys-in-locale': 'error',
       '@intlify/vue-i18n/no-dynamic-keys': 'error',

package/app/app.config.ts

@@ -5,55 +5,57 @@ export default defineAppConfig({
   },
 })
 
-export type AppConfig = {
-  vio: {
-    pages?: {
-      legalNotice?: {
-        contact: {
-          email: string
-        }
-        responsibility: {
-          address: {
-            city: string
-            name: string
-            street: string
-          }
-        }
-        tmg: {
-          address: {
-            city: string
-            name: string
-            street: string
+declare module 'nuxt/schema' {
+  interface AppConfig {
+    vio: {
+      pages?: {
+        legalNotice?: {
+          contact: {
+            email: string
           }
-        }
-      }
-      privacyPolicy?: {
-        hostingCdn?: {
-          external: {
+          responsibility: {
             address: {
               city: string
               name: string
               street: string
             }
           }
-        }
-        mandatoryInfo?: {
-          responsible: {
+          tmg: {
             address: {
               city: string
-              email: string
               name: string
               street: string
             }
           }
         }
+        privacyPolicy?: {
+          hostingCdn?: {
+            external: {
+              address: {
+                city: string
+                name: string
+                street: string
+              }
+            }
+          }
+          mandatoryInfo?: {
+            responsible: {
+              address: {
+                city: string
+                email: string
+                name: string
+                street: string
+              }
+            }
+          }
+        }
       }
-    }
-    server?: {
-      middleware: {
-        headers: Record<string, string>
+      server?: {
+        middleware: {
+          headers: Record<string, string>
+        }
       }
+      themeColor?: string
     }
-    themeColor?: string
   }
 }

package/app/components/vio/page/VioPageLegalNotice.vue

@@ -1,53 +1,72 @@
 <template>
   <VioLayoutProse class="m-auto">
     <h1>{{ title }}</h1>
-    <h2>{{ t('tmg') }}</h2>
-    <address>
-      <slot v-if="$slots.tmgAddress" name="tmgAddress" />
-      <i18n-t v-else keypath="tmgAddress">
-        <template #br>
-          <br />
-        </template>
-        <template #city>
-          {{ appConfig.vio.pages.legalNotice.tmg.address.city }}
-        </template>
-        <template #name>
-          {{ appConfig.vio.pages.legalNotice.tmg.address.name }}
-        </template>
-        <template #street>
-          {{ appConfig.vio.pages.legalNotice.tmg.address.street }}
-        </template>
-      </i18n-t>
-    </address>
 
-    <h2>{{ t('contact') }}</h2>
-    <p>
-      <slot v-if="$slots.contactEmail" name="contactEmail" />
-      <span v-else>
-        {{
-          t('email', { email: appConfig.vio.pages.legalNotice.contact.email })
-        }}
-      </span>
-    </p>
+    <section
+      v-if="appConfig.vio.pages?.legalNotice"
+      :aria-labelledby="templateIdTmg"
+    >
+      <h2 :id="templateIdTmg">{{ t('tmg') }}</h2>
+      <address>
+        <slot v-if="$slots.tmgAddress" name="tmgAddress" />
+        <i18n-t v-else keypath="tmgAddress">
+          <template #br>
+            <br />
+          </template>
+          <template #city>
+            {{ appConfig.vio.pages.legalNotice.tmg.address.city }}
+          </template>
+          <template #name>
+            {{ appConfig.vio.pages.legalNotice.tmg.address.name }}
+          </template>
+          <template #street>
+            {{ appConfig.vio.pages.legalNotice.tmg.address.street }}
+          </template>
+        </i18n-t>
+      </address>
+    </section>
 
-    <h2>{{ t('responsibility') }}</h2>
-    <address>
-      <slot v-if="$slots.responsibilityAddress" name="responsibilityAddress" />
-      <i18n-t v-else keypath="responsibilityAddress">
-        <template #br>
-          <br />
-        </template>
-        <template #city>
-          {{ appConfig.vio.pages.legalNotice.responsibility.address.city }}
-        </template>
-        <template #name>
-          {{ appConfig.vio.pages.legalNotice.responsibility.address.name }}
-        </template>
-        <template #street>
-          {{ appConfig.vio.pages.legalNotice.responsibility.address.street }}
-        </template>
-      </i18n-t>
-    </address>
+    <section
+      v-if="appConfig.vio.pages?.legalNotice"
+      :aria-labelledby="templateIdContact"
+    >
+      <h2 :id="templateIdContact">{{ t('contact') }}</h2>
+      <p>
+        <slot v-if="$slots.contactEmail" name="contactEmail" />
+        <span v-else>
+          {{
+            t('email', { email: appConfig.vio.pages.legalNotice.contact.email })
+          }}
+        </span>
+      </p>
+    </section>
+
+    <section
+      v-if="appConfig.vio.pages?.legalNotice"
+      :aria-labelledby="templateIdResponsibility"
+    >
+      <h2 :id="templateIdResponsibility">{{ t('responsibility') }}</h2>
+      <address>
+        <slot
+          v-if="$slots.responsibilityAddress"
+          name="responsibilityAddress"
+        />
+        <i18n-t v-else keypath="responsibilityAddress">
+          <template #br>
+            <br />
+          </template>
+          <template #city>
+            {{ appConfig.vio.pages.legalNotice.responsibility.address.city }}
+          </template>
+          <template #name>
+            {{ appConfig.vio.pages.legalNotice.responsibility.address.name }}
+          </template>
+          <template #street>
+            {{ appConfig.vio.pages.legalNotice.responsibility.address.street }}
+          </template>
+        </i18n-t>
+      </address>
+    </section>
 
     <h3>{{ t('liabilityContentTitle') }}</h3>
     <p>{{ t('liabilityContentDescription1') }}</p>
@@ -73,6 +92,11 @@ const { t } = useI18n()
 
 // data
 const title = t('title')
+
+// template
+const templateIdContact = useId()
+const templateIdResponsibility = useId()
+const templateIdTmg = useId()
 </script>
 
 <i18n lang="yaml">

package/app/components/vio/page/VioPagePrivacyPolicy.vue

@@ -44,7 +44,11 @@
           </section>
         </section>
       </li>
-      <li v-if="isEnabled.hostingCdn">
+      <li
+        v-if="
+          isEnabled.hostingCdn && appConfig.vio.pages?.privacyPolicy?.hostingCdn
+        "
+      >
         <section>
           <h2>{{ t('hostingCdn') }}</h2>
 
@@ -102,7 +106,12 @@
             <p>{{ t('mandatoryInfoPrivacyDescription3') }}</p>
           </section>
 
-          <section v-if="isEnabled.mandatoryInfo.responsible">
+          <section
+            v-if="
+              isEnabled.mandatoryInfo.responsible &&
+              appConfig.vio.pages?.privacyPolicy?.mandatoryInfo
+            "
+          >
             <h3>{{ t('mandatoryInfoResponsibleTitle') }}</h3>
             <p>{{ t('mandatoryInfoResponsibleDescription1') }}</p>
             <address>

package/nuxt.config.ts

@@ -65,11 +65,6 @@ export default defineNuxtConfig(
           ) {
             if (nuxt.options.nitro.static) {
               nuxtConfigSecurityHeaders.contentSecurityPolicy = defu(
-                {
-                  'script-src-elem': [
-                    "'unsafe-inline'", // TODO: remove (https://github.com/Baroshem/nuxt-security/pull/659)
-                  ],
-                },
                 VIO_GET_CSP({ siteUrl: new URL(SITE_URL) }),
                 nuxtConfigSecurityHeaders.contentSecurityPolicy,
               )
@@ -256,7 +251,8 @@ export default defineNuxtConfig(
         },
         nitro: {
           experimental: {
-            openAPI: false, // TODO: set to true (https://github.com/nuxt/content/issues/2839)
+            asyncContext: true,
+            openAPI: true,
           },
         },
         runtimeConfig: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
-    "@dargmuesli/nuxt-cookie-control": "9.1.7",
-    "@eslint/compat": "1.4.1",
+    "@dargmuesli/nuxt-cookie-control": "9.1.8",
+    "@eslint/compat": "2.0.0",
     "@heroicons/vue": "2.2.0",
     "@http-util/status-i18n": "0.9.0",
     "@intlify/eslint-plugin-vue-i18n": "4.1.0",
@@ -10,7 +10,7 @@
     "@nuxt/image": "2.0.0",
     "@nuxtjs/color-mode": "4.0.0",
     "@nuxtjs/html-validator": "2.1.0",
-    "@nuxtjs/i18n": "10.2.0",
+    "@nuxtjs/i18n": "10.2.1",
     "@nuxtjs/seo": "3.2.2",
     "@pinia/nuxt": "0.11.3",
     "@tailwindcss/forms": "0.5.10",
@@ -21,7 +21,7 @@
     "@urql/vue": "2.0.0",
     "@vuelidate/core": "2.0.3",
     "@vuelidate/validators": "2.0.4",
-    "clipboardy": "5.0.0",
+    "clipboardy": "5.0.1",
     "dayjs": "2.0.0-alpha.4",
     "eslint": "9.39.1",
     "eslint-config-prettier": "10.1.8",
@@ -30,14 +30,14 @@
     "eslint-plugin-yml": "1.19.0",
     "globals": "16.5.0",
     "jiti": "2.6.1",
-    "jose": "6.1.1",
+    "jose": "6.1.2",
     "nuxt-gtag": "4.1.0",
-    "nuxt-security": "2.4.0",
+    "nuxt-security": "2.5.0",
     "sweetalert2": "11.26.3",
-    "vue-tsc": "3.1.3"
+    "vue-tsc": "3.1.5"
   },
   "devDependencies": {
-    "@types/node": "24.10.0",
+    "@types/node": "24.10.1",
     "@urql/devtools": "2.0.3",
     "@urql/exchange-graphcache": "8.1.0",
     "consola": "3.4.2",
@@ -50,12 +50,12 @@
     "prettier-plugin-tailwindcss": "0.7.1",
     "serve": "14.2.5",
     "sharp": "0.34.5",
-    "stylelint": "16.25.0",
+    "stylelint": "16.26.0",
     "stylelint-config-recommended-vue": "1.6.1",
     "stylelint-config-standard": "39.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.5",
     "tailwindcss": "4.1.17",
-    "vue": "3.5.24",
+    "vue": "3.5.25",
     "vue-router": "4.6.3"
   },
   "engines": {
@@ -106,5 +106,5 @@
     "start:static": "serve playground/.output/public --ssl-cert ./.config/certificates/ssl.crt --ssl-key ./.config/certificates/ssl.key"
   },
   "type": "module",
-  "version": "19.0.2"
+  "version": "19.1.0"
 }

package/server/middleware/headers.ts

@@ -1,5 +1,7 @@
+import type { AppConfig } from 'nuxt/schema'
+
 export default defineEventHandler(async (event) => {
-  const config = useAppConfig() as AppConfig
+  const config = useAppConfig(event) as AppConfig
 
   if (!config.vio.server) return
 

package/server/middleware/timezone.ts

@@ -1,5 +1,5 @@
 export default defineEventHandler(async (event) => {
-  event.context.$timezone = await getTimezoneServer(event)
+  event.context.$timezone = await getTimezone(event)
 })
 
 declare module 'h3' {

package/server/plugins/security.ts

@@ -1,9 +1,9 @@
 import { defu } from 'defu'
-import type { NuxtOptions } from 'nuxt/schema'
+import type { ModuleOptions } from 'nuxt-security'
 
 // remove invalid `'none'`s and duplicates
 export const cleanupCsp = (
-  nuxtSecurityConfiguration: Partial<NuxtOptions['security']>,
+  nuxtSecurityConfiguration: Partial<ModuleOptions>,
 ) => {
   if (
     nuxtSecurityConfiguration.headers &&

package/{shared → server}/utils/site.ts

@@ -4,6 +4,6 @@ export const useSiteUrl = () => {
 
   return {
     siteUrl,
-    siteUrlTyped: new URL(siteUrl), // eslint-disable-line compat/compat
+    siteUrlTyped: new URL(siteUrl),
   }
 }

package/server/utils/timezone.ts

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

package/shared/utils/constants.ts

@@ -113,14 +113,6 @@ export const VIO_GET_CSP = ({ siteUrl }: { siteUrl: URL }) =>
         : {}),
       'connect-src': [
         "'self'", // e.g. `/_nuxt/builds/meta/`, `/_payload.json`, `/privacy-policy/_payload.json`
-        // ...(process.env.NODE_ENV === 'development'
-        //   ? [
-        //       'http://localhost:3000/_nuxt/', // hot reload
-        //       'https://localhost:3000/_nuxt/', // hot reload
-        //       'ws://localhost:3000/_nuxt/', // hot reload
-        //       'wss://localhost:3000/_nuxt/', // hot reload
-        //     ] // TODO: generalize for different ports
-        //   : []),
       ],
       'img-src': [
         "'self'", // e.g. favicon

package/shared/utils/form.ts

@@ -1,5 +1,6 @@
 import type { Validation } from '@vuelidate/core'
 import { consola } from 'consola'
+import type { Ref } from 'vue'
 
 export const isFormValid = async ({
   v$,

package/shared/utils/networking.ts

@@ -1,7 +1,10 @@
 import type { CombinedError } from '@urql/core'
 import type { H3Event } from 'h3'
+import { computed, reactive } from 'vue'
 import type { Ref } from 'vue'
 
+import type { ApiData, BackendError } from '../types/api'
+
 export const getApiDataDefault = (): ApiData =>
   computed(() =>
     reactive({
@@ -100,9 +103,7 @@ export const getServiceHref = ({
 
   if (stagingHost) {
     return `https://${nameSubdomainString}${stagingHost}`
-    // TODO: remove disable below (https://github.com/nuxt/nuxt/issues/25323)
-    // eslint-disable-next-line nuxt/prefer-import-meta
-  } else if (isSsr && process.server) {
+  } else if (isSsr && import.meta.server) {
     return `http://${name}${portString}`
   } else {
     return `https://${nameSubdomainString}${getRootHost(host)}`

package/shared/utils/nuxt.ts

@@ -1,3 +1,5 @@
+import type { defineNuxtConfig } from 'nuxt/config'
+
 import { I18N_MODULE_CONFIG } from './constants'
 
 export const VIO_NUXT_BASE_CONFIG = ({

package/shared/utils/utils.ts

@@ -1,4 +1,4 @@
-import type { RouteLocationRaw } from '#vue-router'
+import type { RouteLocationRaw } from 'vue-router'
 
 export const append = (path: string, pathToAppend?: RouteLocationRaw) =>
   path + (path.endsWith('/') ? '' : '/') + (pathToAppend ?? '')

package/server/tsconfig.json

@@ -1,3 +0,0 @@
-{
-  "extends": "../playground/.nuxt/tsconfig.server.json"
-}

package/shared/utils/auth.ts

@@ -1,126 +0,0 @@
-import type { Client } from '@urql/vue'
-import { consola } from 'consola'
-import { setCookie } from 'h3'
-import type { H3Event } from 'h3'
-import { decodeJwt } from 'jose'
-
-import { useVioAuthStore } from '../../app/stores/auth'
-
-export const getJwtFromCookie = () => {
-  const cookie = useCookie(JWT_NAME())
-
-  if (!cookie.value) {
-    consola.debug('No token cookie.')
-    return
-  }
-
-  const jwt = decodeJwt(cookie.value)
-
-  if (jwt.exp === undefined || jwt.exp <= Date.now() / 1000) {
-    consola.info('Token expired.')
-    return
-  }
-
-  return {
-    jwt: cookie.value,
-    jwtDecoded: jwt,
-  }
-}
-
-export const jwtStore = async ({
-  $urqlReset,
-  event,
-  isInProduction,
-  jwt,
-  store,
-}: {
-  $urqlReset: () => Client
-  event?: H3Event
-  isInProduction: boolean
-  jwt?: string
-  store: ReturnType<typeof useVioAuthStore>
-}) => {
-  $urqlReset()
-
-  consola.trace('Storing the following JWT: ' + jwt)
-  store.jwtSet(jwt)
-
-  if (event) {
-    setCookie(event, JWT_NAME(), jwt || '', {
-      expires: jwt ? new Date(Date.now() + 86400 * 1000 * 31) : new Date(0),
-      httpOnly: true,
-      path: '/',
-      sameSite: 'lax', // Cannot be 'strict' to allow authentications after clicking on links within webmailers.
-      secure: isInProduction,
-    })
-  } else {
-    try {
-      await $fetch('/api/auth', {
-        method: 'POST',
-        ...(jwt ? { headers: { Authorization: `Bearer ${jwt}` } } : {}),
-      })
-    } catch (error) {
-      console.error(error)
-      return Promise.reject(Error('Authentication api call failed.'))
-    }
-  }
-}
-
-export const useJwtStore = () => {
-  const { $urqlReset, ssrContext } = useNuxtApp()
-  const store = useVioAuthStore()
-  const runtimeConfig = useRuntimeConfig()
-
-  return {
-    async jwtStore(jwt?: string) {
-      await jwtStore({
-        $urqlReset: $urqlReset as () => Client,
-        event: ssrContext?.event,
-        isInProduction: runtimeConfig.public.vio.isInProduction,
-        jwt,
-        store,
-      })
-    },
-  }
-}
-
-export const signOut = async ({
-  $urqlReset,
-  // client,
-  event,
-  isInProduction,
-  store,
-}: {
-  $urqlReset: () => Client
-  client: Client
-  event?: H3Event
-  isInProduction: boolean
-  store: ReturnType<typeof useVioAuthStore>
-}) => {
-  await jwtStore({ $urqlReset, event, isInProduction, store })
-  // await authenticationAnonymous({
-  //   $urqlReset,
-  //   client,
-  //   event,
-  //   isInProduction,
-  //   store,
-  // })
-}
-
-export const useSignOut = () => {
-  const { $urql, $urqlReset, ssrContext } = useNuxtApp()
-  const store = useVioAuthStore()
-  const runtimeConfig = useRuntimeConfig()
-
-  return {
-    async signOut() {
-      await signOut({
-        $urqlReset: $urqlReset as () => Client,
-        client: ($urql as Ref<Client>).value,
-        event: ssrContext?.event,
-        isInProduction: runtimeConfig.public.vio.isInProduction,
-        store,
-      })
-    },
-  }
-}