@dargmuesli/nuxt-vio 1.8.0 → 1.8.2

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/components/VioApp.vue

@@ -0,0 +1,44 @@
+<template>
+  <div :data-is-loading="isLoading">
+    <NuxtLayout>
+      <SeoKit :site-description="siteDescription" :language="locale" />
+      <OgImageStatic :alt="ogImageAlt" component="OgImage" />
+      <NuxtPage />
+      <CookieControl :locale="locale" />
+    </NuxtLayout>
+  </div>
+</template>
+
+<script setup lang="ts">
+export interface Props {
+  siteDescription: string
+  ogImageAlt: string
+}
+withDefaults(defineProps<Props>(), {})
+
+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/components/VioLayout.vue

@@ -0,0 +1,7 @@
+<template>
+  <div class="p-4 md:px-8">
+    <main>
+      <slot />
+    </main>
+  </div>
+</template>

package/layouts/default.vue

@@ -1,7 +1,5 @@
 <template>
-  <div class="p-4 md:px-8">
-    <main>
-      <slot />
-    </main>
-  </div>
+  <VioLayout>
+    <slot />
+  </VioLayout>
 </template>

package/package.json

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