feat(i18n): i18nRedirector

Author: kakkokari-gtyih

.vitepress/pages/Playground.vue

@@ -67,6 +67,7 @@
 
 <script setup lang="ts">
 import { AISCRIPT_VERSION, Parser, Interpreter, utils, errors, type Ast } from '@syuilo/aiscript';
+import { inBrowser } from 'vitepress';
 import { ref, computed, useTemplateRef, nextTick, onMounted, watch, onUnmounted } from 'vue';
 import { createHighlighterCore } from 'shiki/core';
 import type { HighlighterCore, LanguageRegistration } from 'shiki/core';
@@ -271,7 +272,7 @@ function clearLog() {
 type HashData = {
     code: string;
 };
-const hash = ref<string | null>(import.meta.env.SSR ? null : window.location.hash.slice(1) || localStorage.getItem('ais:playground'));
+const hash = ref<string | null>(inBrowser ? null : window.location.hash.slice(1) || localStorage.getItem('ais:playground'));
 const hashData = computed<HashData | null>(() => {
     if (hash.value == null) return null;
     try {

.vitepress/theme/Layout.vue

@@ -0,0 +1,50 @@
+<template>
+    <DefaultTheme.Layout />
+    <div v-if="!loaded" :class="$style.w"></div>
+</template>
+
+<script setup lang="ts">
+import { watch, ref } from 'vue';
+import { useData, useRoute, inBrowser } from 'vitepress';
+import DefaultTheme from 'vitepress/theme';
+
+const data = useData();
+const route = useRoute();
+const loaded = ref(false);
+
+const locales = Object.keys(data.site.value.locales) as string[];
+const localesRegex = new RegExp(`^/(${locales.join('|')})`);
+const savedLocale = localStorage.getItem('ais:locale');
+
+if (inBrowser && !localesRegex.test(route.path)) {
+    if (savedLocale != null && locales.includes(savedLocale)) {
+        location.replace('/' + savedLocale + location.pathname + location.search);
+    } else if (locales.includes(navigator.language.split('-')[0])) {
+        location.replace('/' + navigator.language.split('-')[0] + location.pathname + location.search);
+    } else {
+        location.replace('/ja' + location.pathname + location.search);
+    }
+}
+
+if (inBrowser) {
+    loaded.value = true;
+}
+
+watch(data.lang, (lang) => {
+    if (inBrowser) {
+        localStorage.setItem('ais:locale', lang.split('-')[0]);
+    }
+}, { immediate: true });
+</script>
+
+<style module>
+.w { 
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 100vh;
+    background-color: var(--vp-c-bg);
+    z-index: 9999;
+}
+</style>

.vitepress/theme/index.ts

@@ -3,19 +3,15 @@ import { h } from 'vue'
 import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme'
 import './style.css'
+import Layout from './Layout.vue'
 import CodeBlockPlayground from '../components/CodeBlockPlayground.vue'
 import Playground from '../pages/Playground.vue'
 
 export default {
   extends: DefaultTheme,
-  Layout: () => {
-    return h(DefaultTheme.Layout, null, {
-      // https://vitepress.dev/guide/extending-default-theme#layout-slots
-    })
-  },
+  Layout,
   enhanceApp({ app, router, siteData }) {
     app.component('CodeBlockPlayground', CodeBlockPlayground);
-
     app.component('playground', Playground);
-  }
+  },
 } satisfies Theme