feat: i18n seo

SuhJae · SuhJae · commit a2bab40dbea4 · 2025-01-22T22:43:03.000+09:00
diff --git a/app.vue b/app.vue
@@ -1,6 +1,17 @@
 <template>
   <!-- Google Font -->
   <Html :lang="head.htmlAttrs.lang" :dir="head.htmlAttrs.dir">
+    <Head>
+      <template v-for="link in head.link" :key="link.hid">
+        <Link
+          :id="link.hid"
+          :rel="link.rel"
+          :href="link.href"
+          :hreflang="link.hreflang"
+        />
+      </template>
+    </Head>
+
     <ClientOnly>
       <NuxtLoadingIndicator :color="isDark ? '#C2C8EC' : '#2F45C7'" />
     </ClientOnly>
@@ -27,31 +38,9 @@ const router = useRouter();
 const { locale, availableLocales } = useI18n();
 const lang = ref(route.query.lang as string);
 
-// check if lang query param is valid
-if (lang.value && availableLocales.includes(lang.value)) {
-  locale.value = lang.value;
-
-  // remove lang query param from url
-  const newQuery = { ...route.query };
-  delete newQuery.lang;
-  router.replace({ query: newQuery });
-}
-
 const head = useLocaleHead({
   addDirAttribute: true,
   identifierAttribute: "id",
   addSeoAttributes: true,
 });
-
-onMounted(() => {
-  const links = availableLocales.map((l) => ({
-    rel: "alternate",
-    hreflang: l,
-    href: `http://bluescript.app${route.fullPath.split("?")[0]}?lang=${l}`,
-  }));
-
-  useHead({
-    link: links,
-  });
-});
 </script>
