fix(deps): upgrade to vio v1.14.0

nuxt/app.vue

@@ -1,6 +1,7 @@
 <template>
   <VioApp
     :site-description="t('globalOgSeoDescription')"
+    og-image-component="Default"
     :og-image-alt="t('globalOgImageAlt')"
   />
 </template>

nuxt/components/islands/OgImage.vue → nuxt/components/OgImage/Default.vue

@@ -43,3 +43,9 @@ export interface Props {
 }
 withDefaults(defineProps<Props>(), {})
 </script>
+
+<script lang="ts">
+export default {
+  name: 'OgImage',
+}
+</script>

nuxt/nuxt.config.ts

@@ -2,6 +2,7 @@ import localeDe from './locales/de.json'
 import localeEn from './locales/en.json'
 
 export default defineNuxtConfig({
+  app: {}, // TODO: remove?
   extends: ['@dargmuesli/nuxt-vio'],
 
   // modules

nuxt/pages/oauth.vue

@@ -7,7 +7,7 @@
       {{ t('copy') }}
     </VioButton>
   </div>
-  <VioError v-else :status-code="400" />
+  <VioError v-else :description="t('codeError')" :status-code="400" />
 </template>
 
 <script setup lang="ts">
@@ -30,9 +30,11 @@ useSeoMeta({ title: 'OAuth' })
 
 <i18n lang="yaml">
 de:
+  codeError: Code fehlt
   copy: Kopieren
   copySuccess: In die Zwischenablage kopiert
 en:
+  codeError: Code is missing
   copy: Copy
   copySuccess: Copied to the clipboard
 </i18n>

nuxt/tsconfig.json

@@ -1,3 +1,6 @@
 {
   "extends": "./.nuxt/tsconfig.json",
+  "vueCompilerOptions": { // https://github.com/unjs/pkg-types/pull/130
+    "htmlAttributes": [] // https://github.com/johnsoncodehk/volar/issues/1970#issuecomment-1276994634
+  }
 }

package.json

@@ -11,10 +11,5 @@
   },
   "scripts": {
     "prepare": "husky install"
-  },
-  "pnpm": {
-    "overrides": {
-      "nuxt-og-image": "2.0.0-beta.59"
-    }
   }
 }