docs: add english translation (#14)

* docs: add english translation

* refactor: remove unused files

Author: mugglim

README.md

@@ -1,11 +1,10 @@
 # Build Your Own TanStack Query
 
-<a href="https://mugglim.github.io/build-your-own-tanstack-query">한국어</a> | <a href="/en.md">English</a>
+<a href="https://mugglim.github.io/build-your-own-tanstack-query">English</a> | <a href="https://mugglim.github.io/build-your-own-tanstack-query/ko">한국어</a>
 
 ## Introduction
 
-We're going to rewrite TanStack Query and useQuery from scratch.
-We'll be using the ideas and code from [Let's Build React Query in 150 Lines of Code!](https://www.youtube.com/watch?v=9SrIirrnwk0) and TanStack Query v5.
+We're going to rewrite TanStack Query and useQuery from scratch. We'll be using the ideas and code from [Let's Build React Query in 150 Lines of Code!](https://www.youtube.com/watch?v=9SrIirrnwk0) and TanStack Query v5.
 
 ## Demo
 

docs/.vitepress/config.mts

@@ -0,0 +1,28 @@
+import { defineConfig } from "vitepress";
+import koConfig from "./ko.mts";
+import enConfig from "./en.mts";
+
+export default defineConfig({
+  base: "/build-your-own-tanstack-query/",
+  title: "Build your own TanStack Query",
+  description: "Build your own TanStack Query",
+  rewrites: {
+    "en/:doc.md": ":doc.md"
+  },
+  head: [
+    ["link", { rel: "icon", href: "/build-your-own-tanstack-query/tanstack-query-logo.png" }],
+    ["meta", { property: "og:title", content: "Build your own TanStack Query" }],
+    ["meta", { property: "og:description", content: "Build your own TanStack Query" }],
+    ["meta", { property: "og:image", content: "/build-your-own-tanstack-query/tanstack-query-logo.png" }],
+    ["meta", { name: "twitter:image", content: "/build-your-own-tanstack-query/tanstack-query-logo.png" }]
+  ],
+  locales: {
+    root: { label: "English", ...enConfig },
+    ko: { label: "한국어", ...koConfig }
+  },
+  themeConfig: {
+    siteTitle: "Home",
+    outline: { level: "deep" },
+    socialLinks: [{ icon: "github", link: "https://github.com/mugglim/build-your-own-tanstack-query" }]
+  }
+});

docs/.vitepress/config.ts

@@ -0,0 +1,29 @@
+import { DefaultTheme, defineConfig } from "vitepress";
+
+const sidebarList: DefaultTheme.SidebarItem[] = [
+  { text: "Introduction", items: [{ text: "Overview", link: "/intro.html" }] },
+  {
+    text: "Guide",
+    items: [
+      { text: "Overview", link: "/guide.html" },
+      { text: "Core", link: "/core.html" },
+      { text: "React", link: "/react.html" },
+      {
+        text: "Learn More",
+        items: [
+          { text: "Window Focus Refetching", link: "/window-focus-refetching.html" },
+          { text: "Devtools", link: "/devtools.html" }
+        ]
+      }
+    ]
+  }
+];
+
+const enConfig = defineConfig({
+  lang: "en-US",
+  themeConfig: {
+    sidebar: sidebarList
+  }
+});
+
+export default enConfig;

docs/.vitepress/en.mts

@@ -0,0 +1,29 @@
+import { DefaultTheme, defineConfig } from "vitepress";
+
+const sidebarList: DefaultTheme.SidebarItem[] = [
+  { text: "소개", items: [{ text: "개요", link: "/ko/intro.html" }] },
+  {
+    text: "가이드",
+    items: [
+      { text: "개요", link: "/ko/guide.html" },
+      { text: "코어 영역", link: "/ko/core.html" },
+      { text: "React 영역", link: "/ko/react.html" },
+      {
+        text: "더 알아보기",
+        items: [
+          { text: "Window Focus Refetching", link: "/ko/window-focus-refetching.html" },
+          { text: "Devtools", link: "/ko/devtools.html" }
+        ]
+      }
+    ]
+  }
+];
+
+const koConfig = defineConfig({
+  lang: "ko-KR",
+  themeConfig: {
+    sidebar: sidebarList
+  }
+});
+
+export default koConfig;