Finish i18n for all current pages

Author: Not-A-Normal-Robot

assets/chars.ts

@@ -0,0 +1,269 @@
+export type CharcodeMap = {
+    [index: string]: {
+        [index: string]: number | undefined
+    } | undefined
+}
+
+export const CHARCODE_MAP = {
+    zChan: {
+        none: 0xF0000,
+        normal: 0xF0001,
+        full: 0xF0002,
+        happy: 0xF0003,
+        confused: 0xF0004,
+        grinning: 0xF0005,
+        frowning: 0xF0006,
+        tears: 0xF0007,
+        anxious: 0xF0008,
+        rage: 0xF0009,
+        fear: 0xF000A,
+        question: 0xF000B,
+        angry: 0xF000C,
+        shocked: 0xF000D,
+        ellipses: 0xF000E,
+        sweatDrop: 0xF000F,
+        cry: 0xF0010,
+        cracked: 0xF0011,
+        qualified: 0xF0012,
+        unqualified: 0xF0013,
+        understand: 0xF0014,
+        thinking: 0xF0015,
+        spark: 0xF0016,
+    },
+    mino: {
+        Z: 0xF0040,
+        S: 0xF0041,
+        J: 0xF0042,
+        L: 0xF0043,
+        T: 0xF0044,
+        O: 0xF0045,
+        I: 0xF0046,
+
+        Z5: 0xF0047,
+        S5: 0xF0048,
+        P: 0xF0049,
+        Q: 0xF004A,
+        F: 0xF004B,
+        E: 0xF004C,
+        T5: 0xF004D,
+        U: 0xF004E,
+        V: 0xF004F,
+        W: 0xF0050,
+        X: 0xF0051,
+        J5: 0xF0052,
+        L5: 0xF0053,
+        R: 0xF0054,
+        Y: 0xF0055,
+        N: 0xF0056,
+        H: 0xF0057,
+        I5: 0xF0058,
+
+        I3: 0xF0059,
+        C: 0xF005A,
+        I2: 0xF005B,
+        O1: 0xF005C,
+    },
+    icon: {
+        menu: 0xF0080,
+        music: 0xF0081,
+        language: 0xF0082,
+        back: 0xF0083,
+        play_pause: 0xF0084,
+        info: 0xF0085,
+        help: 0xF0086,
+        mute: 0xF0087,
+        volume_up: 0xF0088,
+        volume_down: 0xF0089,
+        retry_spin: 0xF008A,
+        filledLogo: 0xF008B,
+        hollowLogo: 0xF008C,
+        toUp: 0xF008D,
+        toDown: 0xF008E,
+        toLeft: 0xF008F,
+        toRight: 0xF0090,
+        checkMark: 0xF0091,
+        crossMark: 0xF0092,
+        musicMark: 0xF0093,
+        infoMark: 0xF0094,
+        warnMark: 0xF0095,
+        console: 0xF0096,
+        globe: 0xF0097,
+        video_camera: 0xF0098,
+        settings: 0xF0099,
+        mrz: 0xF009A,
+        apple: 0xF009B,
+        home: 0xF009C,
+        cross_thick: 0xF009D,
+        num0InSpin: 0xF009E,
+        num1InSpin: 0xF009F,
+        num2InSpin: 0xF00A0,
+        num3InSpin: 0xF00A1,
+        num4InSpin: 0xF00A2,
+        play: 0xF00A3,
+        pause: 0xF00A4,
+        nextFrame: 0xF00A5,
+        yen: 0xF00A6,
+        dollar: 0xF00A7,
+        euro: 0xF00A8,
+        pound: 0xF00A9,
+        bitcoin: 0xF00AA,
+        onebag: 0xF00AB,
+        export: 0xF00AC,
+        import: 0xF00AD,
+        trash: 0xF00AE,
+        loadOne: 0xF00AF,
+        saveOne: 0xF00B0,
+        loadTwo: 0xF00B1,
+        saveTwo: 0xF00B2,
+        zBook: 0xF00B3,
+        rankX: 0xF00B4,
+        rankU: 0xF00B5,
+        rankA: 0xF00B6,
+        rankB: 0xF00B7,
+        rankC: 0xF00B8,
+        rankD: 0xF00B9,
+        rankE: 0xF00BA,
+        rankF: 0xF00BB,
+        rankZ: 0xF00BC,
+        rankS: 0xF00C2,
+        speedOneEights: 0xF00BD,
+        speedOneHalf: 0xF00BE,
+        speedOne: 0xF00BF,
+        speedTwo: 0xF00C0,
+        speedFive: 0xF00C1,
+        bone: 0xF00C3,
+        invis: 0xF00C4,
+        bomb: 0xF00C5,
+        garbage: 0xF00C6,
+        copy: 0xF00C7,
+        tas: 0xF00C8,
+        pencil: 0xF00C9,
+        magGlass: 0xF00CA,
+        zoomIn: 0xF00CB,
+        zoomOut: 0xF00CC,
+        zoomDefault: 0xF00CD,
+        share: 0xF00CE,
+        save: 0xF00CF,
+        fastForward: 0xF00D0,
+        rewind: 0xF00D1,
+        nextSong: 0xF00D2,
+        previousSong: 0xF00D3,
+        cycle: 0xF00D4,
+        cycleOne: 0xF00D5,
+        cycleOff: 0xF00D6,
+        random: 0xF00D7,
+        randomOff: 0xF00D8,
+        randomAuto: 0xF00D9,
+        closedCaption: 0xF00DA,
+        fullBeat: 0xF00DB,
+        rewind10: 0xF00DC,
+        rewind30: 0xF00DD,
+        foward10: 0xF00DE,
+        foward30: 0xF00DF,
+        fontUp: 0xF00E0,
+        fontDown: 0xF00E1,
+        erase: 0xF00E2,
+        auto: 0xF00E3,
+    },
+    key: {
+        macCmd: 0xF0100,
+        macOpt: 0xF0101,
+        macCtrl: 0xF0102,
+        shift: 0xF0103,
+        capsLock: 0xF0104,
+        enter_or_return: 0xF0105,
+        backspace: 0xF0106,
+        clear: 0xF0107,
+        macFowardDel: 0xF0108,
+        macEsc: 0xF0109,
+        macTab: 0xF010A,
+        fn: 0xF010B,
+        macHome: 0xF010C,
+        macEnd: 0xF010D,
+        macPgup: 0xF010E,
+        macPgdn: 0xF010F,
+        macEnter: 0xF0110,
+        space: 0xF0111,
+        windows: 0xF0112,
+        alt: 0xF0113,
+        ctrl: 0xF0114,
+        winMenu: 0xF0115,
+        tab: 0xF0116,
+        esc: 0xF0117,
+        up: 0xF0118,
+        down: 0xF0119,
+        left: 0xF011A,
+        right: 0xF011B,
+        del: 0xF011C,
+        enterText: 0xF011D,
+        keyboard: 0xF011E,
+        macMediaEject: 0xF011F,
+        isoCtrl: 0xF0120,
+        isoAlt: 0xF0121,
+        macHomeAlt: 0xF0122,
+        macEndAlt: 0xF0123,
+        macPgupAlt: 0xF0124,
+        macPgdnAlt: 0xF0125,
+        iecPower: 0xF0126,
+    },
+    controller: {
+        xbox: 0xF0180,
+        lt: 0xF0181,
+        rt: 0xF0182,
+        lb: 0xF0183,
+        rb: 0xF0184,
+        xboxX: 0xF0185,
+        xboxY: 0xF0186,
+        xboxA: 0xF0187,
+        xboxB: 0xF0188,
+        joystickL: 0xF0189,
+        joystickR: 0xF018A,
+        jsLU: 0xF018B,
+        jsLD: 0xF018C,
+        jsLR: 0xF018D,
+        jsLL: 0xF018E,
+        jsRU: 0xF018F,
+        jsRD: 0xF0190,
+        jsRR: 0xF0191,
+        jsRL: 0xF0192,
+        jsLPress: 0xF0193,
+        jsRPress: 0xF0194,
+        dpad: 0xF0195,
+        dpadU: 0xF0196,
+        dpadD: 0xF0197,
+        dpadL: 0xF0198,
+        dpadR: 0xF0199,
+        xboxView: 0xF019A,
+        xboxMenu: 0xF019B,
+        xboxShare: 0xF019C,
+        xboxConnect: 0xF019D,
+        ps: 0xF019E,
+        psTriangle: 0xF019F,
+        psCircle: 0xF01A0,
+        psCross: 0xF01A1,
+        psSquare: 0xF01A2,
+        psMute: 0xF01A3,
+        psCreate: 0xF01A4,
+        psOption: 0xF01A5,
+    }
+} as CharcodeMap;
+
+export function getCharCode(index: string): number | undefined {
+    const [i, j] = index.split('.', 2);
+
+    const inner = CHARCODE_MAP[i];
+
+    if(!inner) return;
+
+    return inner[j];
+}
+
+export function getChar(index: string): string {
+    const charCode = getCharCode(index);
+
+    if(!charCode) return "";
+
+    return String.fromCodePoint(charCode);
+}
+
+export default getChar;

assets/lang/en.ts

@@ -11,7 +11,8 @@ export default {
       settings: "Settings"
     },
     footer: {
-      text: `md_**Techmino Hub**  \nCreated with ❤ by [the Techmino community](https://github.com/techmino-hub/techmino-hub-source-code)`
+      text: `md_**Techmino Hub**  \nCreated with ❤ by [the Techmino community](https://github.com/techmino-hub/techmino-hub-source-code)`,
+      lang: "Language"
     }
   },
 
@@ -20,5 +21,23 @@ export default {
     title: "Welcome to Techmino Hub!",
     article: `md_Now recreated in Nuxt.js, Techmino Hub is an unofficial website for Techmino.  
     This page is a work in progress, more things will come soon!`
+  },
+
+  lang: {
+    tabTitle: "Techmino Hub - Language Settings",
+    title: "Choose your preferred language",
+    setLang: "Set language"
+  },
+
+  settings: {
+    tabTitle: "Techmino Hub - Settings",
+    title: "Settings",
+    loading: "Loading...",
+    settings: {
+      bgEnabled: "Enable background",
+      bgSpeed: "Background animation speed"
+    },
+    save: "Save",
+    noscriptWarn: "You cannot change your settings with JavaScript disabled."
   }
 } as LangEntry;

assets/lang/id.ts

@@ -11,7 +11,8 @@ export default {
       settings: "Peraturan"
     },
     footer: {
-      text: `md_**Techmino Hub**  \nDibuat dengan ❤ oleh [komunitas Techmino](https://github.com/techmino-hub/techmino-hub-source-code)`
+      text: `md_**Techmino Hub**  \nDibuat dengan ❤ oleh [komunitas Techmino](https://github.com/techmino-hub/techmino-hub-source-code)`,
+      lang: "Bahasa"
     }
   },
 
@@ -20,5 +21,23 @@ export default {
     title: "Selamat datang di Techmino Hub!",
     article: `md_Dibuat ulang di Nuxt.js, Techmino Hub adalah website Techmino yang dibuat oleh komunitas Techmino.  
     Website ini sedang dalam fase mula, fitur-fitur baru akan muncul pada masa depan.`
+  },
+
+  lang: {
+    tabTitle: "Techmino Hub - Pengaturan Bahasa",
+    title: "Bahasa",
+    setLang: "Pilih"
+  },
+
+  settings: {
+    tabTitle: "Techmino Hub - Pengaturan",
+    title: "Pengaturan",
+    loading: "Memuat...",
+    settings: {
+      bgEnabled: "Latar belakang",
+      bgSpeed: "Kecepatan anim. latar belakang",
+    },
+    save: "Simpan",
+    noscriptWarn: "JavaScript dibutuhkan untuk mengubah pengaturan.",
   }
 } as LangEntry;

assets/types/lang.ts

@@ -3,4 +3,9 @@ export type LangEntry = {
 };
 
 // The prefix of a string if it should be processed in Markdown
-export const MD_STRING_PREFIX = "md_";
+export const MD_STRING_PREFIX = "md_";
+
+export const langNameMap = {
+    en: "English",
+    id: "Bahasa Indonesia"
+} as { [index: string]: string | undefined };

components/footer.vue

@@ -1,12 +1,14 @@
 <script setup>
+import { getChar } from '~/assets/chars';
 const localePath = useLocalePath();
 </script>
 
 <template>
   <footer>
     <div class="left" v-html="$t('common.footer.text')"></div>
     <span class="right">
-        <NuxtLink :to="localePath('/settings')" v-thtml="$t('common.nav.settings')"></NuxtLink>
+        <NuxtLink :to="localePath('/language')">{{ getChar('icon.language') + ' ' + $t('common.footer.lang') }}</NuxtLink>
+        <NuxtLink :to="localePath('/settings')">{{ $t('common.nav.settings') }}</NuxtLink>
         <a href="https://discord.gg/f9pUvkh">Discord</a>
     </span>
   </footer>
@@ -17,6 +19,7 @@ footer {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
+    flex-wrap: wrap;
     background-color: rgba(0, 0, 0, 0.6);
     padding: 0.5em 1.5em;
     border-top: 0.15em dotted grey;
@@ -35,6 +38,14 @@ footer {
         }
     }
 
+    .mid {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        gap: 1em;
+        align-items: center;
+    }
+
     .right {
         display: flex;
         flex-direction: row;