WIP

i18n/translations.en.json

@@ -10,7 +10,7 @@
     "mutual": "Mutual links",
     "status": "Service Status",
     "icon_1": "Icon: ",
-    "icon_2": "",
+    "icon_2": " ",
     "post_list": "Posts listing",
     "hcunews": "About @hcunews",
     "house": "yude's house",

pages/components/Footer/Footer.js

@@ -1,9 +1,15 @@
+// Tailwind CSS
 import "tailwindcss/tailwind.css";
+
+// Next.js
 import Link from 'next/link';
+
 // i18n
-import { useTranslation, useLanguageQuery, LanguageSwitcher } from 'next-export-i18n';
+import { useTranslation, useLanguageQuery } from 'next-export-i18n';
 
 export default function Footer(props) {
+  const { t } = useTranslation();
+  const [query] = useLanguageQuery();
     return (
       <>
         <div className="container mx-auto px-6">

pages/components/Navbar.js

@@ -1,9 +1,20 @@
+// Tailwind CSS
 import "tailwindcss/tailwind.css";
+
+// Next.js
 import Link from 'next/link';
+
+// Components
 import LangSelector from "./LangSelector"
 import ThemeSelector from "./ThemeSelector"
 
+// i18n
+import { useTranslation, useLanguageQuery, LanguageSwitcher } from 'next-export-i18n';
+
 const Navbar = () => {
+  const { t } = useTranslation();
+  const [query] = useLanguageQuery();
+  
     return (
       <>
         <nav className='flex items-center flex-wrap p-3'>

pages/hcunews.js

@@ -3,8 +3,6 @@ import Layout from "./components/Layout"
 
 // i18n
 import { useTranslation, useLanguageQuery, LanguageSwitcher } from 'next-export-i18n';
-const { t } = useTranslation();
-const [query] = useLanguageQuery();
 
 // React
 import React from "react"
@@ -16,7 +14,8 @@ import ja from '../docs/hcunews/ja.md'
 import en from '../docs/hcunews/en.md'
 
 export default function HcuNews() {
-    const { t, lang } = useTranslation("hcunews")
+    const { t } = useTranslation();
+const [query] = useLanguageQuery();
 
     return(
         <Layout title={t('hcunews')}>

pages/index.js

@@ -13,7 +13,7 @@ import Image from 'next/image'
 import Link from 'next/link'
 
 // i18n
-import { useTranslation, useLanguageQuery, LanguageSwitcher } from 'next-export-i18n';
+import { useTranslation, useLanguageQuery } from 'next-export-i18n';
 
 // React Router
 import { useRouter } from 'next/router'
@@ -26,6 +26,7 @@ import { faBook, faUser, faServer, faHouseUser, faHeart } from '@fortawesome/fre
 export default function Index(props) {
   const { t } = useTranslation();
   const [query] = useLanguageQuery();
+  
   return (
     <>
       <Layout title={t('home')}>
@@ -60,7 +61,7 @@ export default function Index(props) {
           </div>
           
           {/* Avatar by */}
-          <p className="mt-3 text-sm font-bold text-gray-900 dark:text-gray-400">{t('common:icon_1')}<Link href="https://twitter.com/R_I_R_U_"><a className="hover:underline">梨留りる {t('common:icon_2')}</a></Link></p>
+          <p className="mt-3 text-sm font-bold text-gray-900 dark:text-gray-400">{t('icon_1')}<Link href="https://twitter.com/R_I_R_U_"><a className="hover:underline">梨留りる {t('icon_2')}</a></Link></p>
         </div>
       </Layout>
     </>