fix: resolve GitHub Pages routing and cleanup dead code

- AlgorithmGrid: use locale-aware links with withBase() for i18n support
- CustomFooter: fix logo path missing base prefix, use computed for locale
- Remove unused chart.js, vue-chartjs, @vueuse/core dependencies
- Delete 5 stub Vue components never used
- Remove empty SCSS preprocessor config
- Simplify root index.md to language gateway

Author: LessUp

docs/.vitepress/config.mts

@@ -232,18 +232,14 @@ export default defineConfig({
     root: {
       label: 'English',
       lang: 'en-US',
-      link: '/en/',
       themeConfig: {
         nav: sharedNav('en'),
         sidebar: sharedSidebar['/en/'],
         editLink: {
           pattern: 'https://github.com/LessUp/compress-kit/edit/master/docs/:path',
           text: 'Edit this page on GitHub',
         },
-        footer: {
-          message: 'Released under the MIT License',
-          copyright: 'Copyright © 2025-2026 LessUp. Built with VitePress.',
-        },
+        footer: false,
         outline: {
           level: [2, 3],
           label: 'On this page',
@@ -291,10 +287,7 @@ export default defineConfig({
           pattern: 'https://github.com/LessUp/compress-kit/edit/master/docs/:path',
           text: '在 GitHub 上编辑此页',
         },
-        footer: {
-          message: '基于 MIT 许可证发布',
-          copyright: '版权所有 © 2025-2026 LessUp. 使用 VitePress 构建。',
-        },
+        footer: false,
         outline: {
           level: [2, 3],
           label: '本页内容',
@@ -361,12 +354,5 @@ export default defineConfig({
         '@theme': '/.vitepress/theme',
       },
     },
-    css: {
-      preprocessorOptions: {
-        scss: {
-          additionalData: '',
-        },
-      },
-    },
   },
 })

docs/.vitepress/theme/components/AlgorithmGrid.vue

@@ -1,4 +1,11 @@
 <script setup lang="ts">
+import { useData, withBase } from 'vitepress'
+import { computed } from 'vue'
+
+const { localeIndex } = useData()
+const lang = computed(() => localeIndex.value === 'root' ? 'en' : localeIndex.value)
+const algoLink = (slug: string) => withBase(`/${lang.value}/algorithms/${slug}`)
+
 interface Algorithm {
   id: string
   name: string
@@ -86,7 +93,7 @@ const getSpeedBadgeClass = (level: string) => {
     <a 
       v-for="(algo, index) in algorithms" 
       :key="algo.id"
-      :href="`/en/algorithms/${algo.slug}`"
+      :href="algoLink(algo.slug)"
       class="ck-algorithm-card ck-hover-lift"
       :style="{ animationDelay: `${index * 100}ms` }"
     >

docs/.vitepress/theme/components/AlgorithmShowcase.vue

@@ -1,12 +1,17 @@
 <script setup lang="ts">
+import { useData, withBase } from 'vitepress'
+import { computed } from 'vue'
+const { localeIndex } = useData()
+const lang = computed(() => localeIndex.value === 'root' ? 'en' : localeIndex.value)
 const currentYear = new Date().getFullYear()
+const link = (path: string) => withBase(`/${lang.value}${path}`)
 </script>
 
 <template>
   <footer class="ck-footer">
     <div class="footer-container">
       <div class="footer-brand">
-        <img src="/logo.svg" alt="CompressKit" class="footer-logo" />
+        <img :src="withBase('/logo.svg')" alt="CompressKit" class="footer-logo" />
         <p class="footer-tagline">
           Production-ready compression algorithms in C++17, Go, and Rust
         </p>
@@ -23,10 +28,10 @@ const currentYear = new Date().getFullYear()
         <div class="footer-column">
           <h4>Documentation</h4>
           <ul>
-            <li><a href="/en/guide/getting-started">Getting Started</a></li>
-            <li><a href="/en/guide/algorithms">Algorithms</a></li>
-            <li><a href="/en/benchmarks/results">Benchmarks</a></li>
-            <li><a href="/en/api/go">API Reference</a></li>
+            <li><a :href="link('/guide/getting-started')">Getting Started</a></li>
+            <li><a :href="link('/guide/algorithms')">Algorithms</a></li>
+            <li><a :href="link('/benchmarks/results')">Benchmarks</a></li>
+            <li><a :href="link('/api/go')">API Reference</a></li>
           </ul>
         </div>
 
@@ -43,7 +48,7 @@ const currentYear = new Date().getFullYear()
         <div class="footer-column">
           <h4>Community</h4>
           <ul>
-            <li><a href="/en/guide/contributing">Contributing</a></li>
+            <li><a :href="link('/guide/contributing')">Contributing</a></li>
             <li><a href="https://github.com/LessUp/compress-kit/blob/master/CODE_OF_CONDUCT.md" target="_blank" rel="noopener">Code of Conduct</a></li>
             <li><a href="https://github.com/LessUp/compress-kit/blob/master/SECURITY.md" target="_blank" rel="noopener">Security</a></li>
           </ul>

docs/.vitepress/theme/components/AnimatedHero.vue

@@ -2,9 +2,9 @@ import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme'
 import { h } from 'vue'
 import './styles/vars.css'
-import './styles/custom.css'
 import './styles/animations.css'
 import './styles/components.css'
+import './styles/custom.css'
 
 // Import custom components
 import StatsBar from './components/StatsBar.vue'

docs/.vitepress/theme/components/CodePlayground.vue

@@ -1,4 +1,4 @@
-/* Custom styles */
+/* Custom styles — only rules not covered by components.css or vars.css */
 
 /* Algorithm comparison table - highlight compression ratios */
 .vp-doc table td:last-child {
@@ -14,47 +14,3 @@
 .dark .vp-doc div[class*='language-'] {
   border: 1px solid var(--vp-c-border);
 }
-
-/* Hero image sizing */
-.VPHero .image-container {
-  width: 200px;
-  height: 200px;
-}
-
-.VPHero .image-bg {
-  width: 200px;
-  height: 200px;
-}
-
-/* Feature card hover effect */
-.VPFeature {
-  transition: transform 0.2s ease, box-shadow 0.2s ease;
-}
-
-.VPFeature:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-}
-
-.dark .VPFeature:hover {
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-}
-
-/* Scrollbar styling */
-::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-  background: var(--vp-c-divider);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: var(--vp-c-text-3);
-}