@dargmuesli/nuxt-vio 1.8.0 → 1.8.1

package/app.config.ts

@@ -0,0 +1,19 @@
+import { useSeoMeta } from '@unhead/vue'
+
+import { SITE_NAME } from './utils/constants'
+
+export default defineAppConfig({
+  seoMeta: {
+    twitterSite: '@dargmuesli',
+  },
+  siteName: SITE_NAME,
+  themeColor: '#202020',
+})
+
+declare module '@nuxt/schema' {
+  interface AppConfigInput {
+    seoMeta?: Parameters<typeof useSeoMeta>[0]
+    siteName: string
+    themeColor?: string
+  }
+}

package/app.vue

@@ -0,0 +1,42 @@
+<template>
+  <div :data-is-loading="isLoading">
+    <NuxtLayout>
+      <!-- <SeoKit
+        :site-description="t('globalOgSeoDescription')"
+        :language="locale"
+      />
+      <OgImageStatic :alt="t('globalOgImageAlt')" component="OgImage" /> -->
+      <NuxtPage />
+      <CookieControl :locale="locale" />
+    </NuxtLayout>
+  </div>
+</template>
+
+<script setup lang="ts">
+// const { t } = useI18n()
+const { locale } = useI18n()
+const cookieControl = useCookieControl()
+
+const { loadingIds, indicateLoadingDone } = useLoadingDoneIndicator('app')
+
+// computations
+const isLoading = computed(() => !!loadingIds.value.length)
+
+// lifecycle
+onMounted(() => indicateLoadingDone())
+watch(
+  () => cookieControl.cookiesEnabledIds.value,
+  (current, previous) => {
+    if (
+      (!previous?.includes('ga') && current?.includes('ga')) ||
+      (previous?.includes('ga') && !current?.includes('ga'))
+    ) {
+      window.location.reload()
+    }
+  },
+  { deep: true }
+)
+// initialization
+useAppLayout()
+useFavicons()
+</script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-vio",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -18,6 +18,8 @@
     "pages",
     "plugins",
     "utils",
+    "app.config.ts",
+    "app.vue",
     "error.vue",
     "nuxt.config.ts",
     "tailwind.config.ts"