fix(Headers): move to useHead

Rule-34 · May 23, 2023 · cb646dc · cb646dc
1 parent d255610
commit cb646dc
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 30 deletions.
diff --git a/app.vue b/app.vue
@@ -1,4 +1,6 @@
 <script setup>
+  const config = useRuntimeConfig()
+
   useHead({
     htmlAttrs: {
       lang: 'en',
@@ -11,7 +13,32 @@
 
     titleTemplate: (titleChunk) => {
       return titleChunk ? `${titleChunk} | Rule 34 App` : 'Rule 34 App'
-    }
+    },
+
+    meta: [
+      { charset: 'utf-8' },
+      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
+
+      {
+        name: 'monetization',
+        content: config.public.MONETIZATION_URI
+      },
+
+      // TODO: Improve description
+      {
+        name: 'description',
+        content: 'Stream and download images, GIFs and videos hentai. For free!'
+      }
+    ],
+
+    link: [
+      // Font
+      {
+        rel: 'stylesheet',
+        type: 'text/css',
+        href: 'https://rsms.me/inter/inter.css'
+      }
+    ]
   })
 </script>
 

diff --git a/nuxt.config.js b/nuxt.config.js
@@ -12,36 +12,10 @@ export default defineNuxtConfig({
       PROXY_URL: process.env.PROXY_URL,
 
       MATOMO_HOST: process.env.MATOMO_HOST,
-      MATOMO_SITE_ID: process.env.MATOMO_SITE_ID
-    }
-  },
+      MATOMO_SITE_ID: process.env.MATOMO_SITE_ID,
 
-  meta: {
-    meta: [
-      { charset: 'utf-8' },
-      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-      {
-        name: 'description',
-        content:
-          'Browse popular Rule 34 Hentai Porn for free.' +
-          ' We have Anime, Pokemon, Fortnite, Naruto, FNF, FNAF, CountryHumans, Brawl Stars, Gay, Video…'
-      },
-      {
-        name: 'monetization',
-        content: process.env.MONETIZATION_URI
-      }
-    ],
-
-    link: [
-      // Font
-      {
-        rel: 'stylesheet',
-        type: 'text/css',
-        href: 'https://rsms.me/inter/inter.css'
-      }
-    ],
-
-    noscript: [{ innerHTML: 'This website requires JavaScript' }]
+      MONETIZATION_URI: process.env.MONETIZATION_URI
+    }
   },
 
   css: ['~/assets/css/main.css'],