translate into Vietnamese

Author: HuynhThiKhanhLinh

.vitepress/config.js

@@ -2,19 +2,19 @@
 
 const Guide = [
   {
-    text: 'Why Slidev',
+    text: 'Tại sao chọn Slidev',
     link: '/guide/why',
   },
   {
-    text: 'Getting Started',
+    text: 'Bắt đầu',
     link: '/guide/',
   },
   {
-    text: 'Installation',
+    text: 'Cài đặt',
     link: '/guide/install',
   },
   {
-    text: 'Markdown Syntax',
+    text: 'Cú pháp Markdown',
     link: '/guide/syntax',
   },
   {
@@ -26,19 +26,19 @@ const Guide = [
     link: '/guide/animations',
   },
   {
-    text: 'Exporting',
+    text: 'Xuất trang trình bày',
     link: '/guide/exporting',
   },
   {
-    text: 'Record Presentation',
+    text: 'Ghi lại bản trình bày',
     link: '/guide/recording',
   },
   {
-    text: 'Presenter Mode',
+    text: 'Chế độ trình bày',
     link: '/guide/presenter-mode',
   },
   {
-    text: 'Editor Integrations',
+    text: 'Tích hợp trình soạn thảo',
     link: '/guide/editors',
   },
   {
@@ -49,22 +49,26 @@ const Guide = [
 
 const Theme = [
   {
-    text: 'Use Theme',
+    text: 'Sử dụng chủ đề',
     link: '/themes/use',
   },
   {
-    text: 'Theme Gallery',
+    text: 'Thư viện chủ đề',
     link: '/themes/gallery',
   },
   {
-    text: 'Write a Theme',
+    text: 'Viết chủ đề mới',
     link: '/themes/write-a-theme',
   },
 ]
 
 const Translations = [
+  {
+    text: 'Việt Nam'
+  },
   {
     text: 'English',
+    link: 'https://sli.dev{{pathname}}',
   },
   {
     text: '简体中文',
@@ -86,47 +90,47 @@ const Translations = [
 
 const Customizations = [
   {
-    text: 'Customizations',
+    text: 'Tùy chỉnh',
     link: '/custom/',
   },
   {
-    text: 'Directory Structure',
+    text: 'Cấu trúc thư mục',
     link: '/custom/directory-structure',
   },
   {
-    text: 'Fonts',
+    text: 'Font',
     link: '/custom/fonts',
   },
   {
-    text: 'Highlighters',
+    text: 'Đánh dấu',
     link: '/custom/highlighters',
   },
   {
-    text: 'Configure Vue',
+    text: 'Cấu hình Vue',
     link: '/custom/config-vue',
   },
   {
-    text: 'Configure Vite',
+    text: 'Cấu hình Vite',
     link: '/custom/config-vite',
   },
   {
-    text: 'Configure Windi CSS',
+    text: 'Cấu hình Windi CSS',
     link: '/custom/config-windicss',
   },
   {
-    text: 'Configure Monaco',
+    text: 'Cấu hình Monaco',
     link: '/custom/config-monaco',
   },
   {
-    text: 'Configure KaTeX',
+    text: 'Cấu hình KaTeX',
     link: '/custom/config-katex',
   },
   {
-    text: 'Configure Mermaid',
+    text: 'Cấu hình Mermaid',
     link: '/custom/config-mermaid',
   },
   {
-    text: 'Configure Shortcuts',
+    text: 'Cấu hình Phím tắt',
     link: '/custom/config-shortcuts',
   },
   {
@@ -145,33 +149,33 @@ const Resources = [
     link: '/showcases',
   },
   {
-    text: 'Curated Covers',
+    text: 'Quản lý slide',
     link: '/resources/covers',
   },
 ]
 
 const slidebars = [
   {
-    text: 'Guide',
+    text: 'Hướng dẫn',
     children: Guide,
   },
   {
-    text: 'Themes',
+    text: 'Chủ đề',
     children: Theme,
   },
   {
-    text: 'Customizations',
+    text: 'Các tùy chỉnh',
     children: Customizations,
   },
   {
-    text: 'Built-in',
+    text: 'Tích hợp',
     children: [
       {
-        text: 'Components',
+        text: 'Component',
         link: '/builtin/components',
       },
       {
-        text: 'Layouts',
+        text: 'Layout',
         link: '/builtin/layouts',
       },
     ],
@@ -183,13 +187,13 @@ const slidebars = [
  */
 module.exports = {
   title: 'Slidev',
-  description: 'Presentation slides for developers',
+  description: 'Trang trình bày dành cho nhà lập trình',
   head: [
     ['link', { rel: 'icon', type: 'image/png', href: '/favicon.png' }],
     ['meta', { name: 'author', content: 'Anthony Fu' }],
     ['meta', { property: 'og:title', content: 'Slidev' }],
     ['meta', { property: 'og:image', content: 'https://sli.dev/og-image.png' }],
-    ['meta', { property: 'og:description', content: 'Presentation slides for developers' }],
+    ['meta', { property: 'og:description', content: 'Trang trình bày dành cho nhà lập trình' }],
     ['meta', { name: 'twitter:card', content: 'summary_large_image' }],
     ['meta', { name: 'twitter:creator', content: '@slidevjs' }],
     ['meta', { name: 'twitter:image', content: 'https://sli.dev/og-image.png' }],
@@ -202,27 +206,27 @@ module.exports = {
     logo: '/logo.svg',
     docsBranch: 'main',
     editLinks: true,
-    editLinkText: 'Suggest changes to this page',
+    editLinkText: 'Đề xuất các thay đổi cho trang này',
 
     nav: [
       {
-        text: 'Guide',
+        text: 'Hướng dẫn',
         items: Guide,
       },
       {
-        text: 'Theme',
+        text: 'Chủ đề',
         items: Theme,
       },
       {
-        text: 'Customize',
+        text: 'Tùy chỉnh',
         items: Customizations,
       },
       {
-        text: 'Resources',
+        text: 'Tài nguyên',
         items: Resources,
       },
       {
-        text: 'English',
+        text: 'Việt Nam',
         items: Translations,
       },
     ],

.vitepress/theme/components/Environment.vue

@@ -7,16 +7,16 @@ defineProps<{ type: 'node' | 'client' }>()
 <template>
   <details class="px-4 py-3 mt-4 rounded bg-gray-400 bg-opacity-10">
     <summary class="outline-none">
-      Environment:
+      Môi trường:
       <span class="capitalize" :class="type === 'node' ? 'text-orange-400' : 'text-green-400'">{{ type }}</span>
     </summary>
 
     <div class="mt-2 opacity-75">
       <span v-if="type === 'node'">
-        This setup function will only run on Node.js environment, you can have access to Node's API.
+        Hàm cài đặt này sẽ chỉ chạy trên môi trường Node.js, bạn có thể có quyền truy cập vào API của Node.
       </span>
       <span v-else>
-        This setup function will only run on client side. Make sure the browser compatibility when importing packages.
+        Hàm cài đặt này sẽ chỉ chạy ở phía client. Đảm bảo tính tương thích của trình duyệt khi nhập các gói. Đảm bảo tính tương thích của trình duyệt khi thêm các package.
       </span>
     </div>
   </details>

.vitepress/theme/components/HomeHero.vue

@@ -9,9 +9,8 @@
           <br />
         </p>
         <div class="description !-mt-4">
-          Presentation
-          <b>Sli</b>des for
-          <b>Dev</b>elopers
+          <b>Trang trình bày </b>dành cho
+          <b>Nhà lập trình</b>
           <sup class="opacity-50">Beta</sup>
         </div>
 
@@ -31,7 +30,7 @@
 
         <div class="mt-5 flex">
           <div class="mx-auto">
-            <p>or try it now</p>
+            <p>hoặc thử ngay bây giờ</p>
             <div class="language-bash mt-2">
               <pre><code><span class="opacity-50">$ </span><span class="token function">npm init</span> <span class="token text-[#408c9e] font-500">slidev</span></code></pre>
             </div>

.vitepress/theme/components/WorkingInProgress.vue

@@ -17,7 +17,7 @@ const dismissed = useStorage('sldiev-docs-wip-dismissed', false)
     border="~ orange-400 rounded-md"
   >
     <div class="m-auto">
-      Slidev is still under heavy development. API and usages are not set in stone yet.
+      Slidev vẫn đang được phát triển mạnh. API và cách sử dụng chưa được thiết lập.
     </div>
     <div
       class="cursor-pointer"

.vitepress/theme/components/demo/Demo.vue

@@ -73,8 +73,8 @@ onMounted(() => {
       code.value = JSON.parse(JSON.stringify(block.value!.innerText.replace('|', '')))
     },
   })
-    .type('<br><span class="token title"># Welcome to Slidev!</span><br><br>', { delay: 400 })
-    .type('Presentation Slides for Developers', { delay: 400 })
+    .type('<br><span class="token title"># Chào mừng đến với Slidev!</span><br><br>', { delay: 400 })
+    .type('Trang trình bày dành cho lập trình viên', { delay: 400 })
     .move('START', { speed: 0 })
     .type('<br>')
     .move('START')
@@ -100,10 +100,10 @@ onMounted(() => {
     .type('<br><br><span class="token punctuation">---</span><br><br>', { delay: 400 })
     .exec(resume)
     .exec(() => setTimeout(() => page.value = 1))
-    .type('<span class="token title"># Page 2</span><br><br>', { delay: 400 })
-    .type('- 📄 Write slides in a single Markdown file<br>', { delay: 800 })
-    .type('- 🌈 Themes, code blocks, interactive components<br>', { delay: 800 })
-    .type('- 😎 Read the docs to learn more!', { delay: 800 })
+    .type('<span class="token title"># Trang 2</span><br><br>', { delay: 400 })
+    .type('- 📄 Viết các trang trình bày trong một file Markdown duy nhất<br>', { delay: 800 })
+    .type('- 🌈 Chủ đề, đoạn code, component tương tác<br>', { delay: 800 })
+    .type('- 😎 Đọc tài liệu để tìm hiểu thêm!', { delay: 800 })
     .exec(() => setTimeout(() => page.value = 0))
     .go()
 })

README.md

@@ -1,8 +1,8 @@
 # [sli.dev](https://sli.dev)
 
-Documentation for [Slidev](https://github.com/slidevjs/slidev)
+Tài liệu cho [Slidev](https://github.com/slidevjs/slidev)
 
-## Translations
+## Ngôn ngữ
 
 | | Repo | Site | Maintainers |
 |---|---|---:|---|
@@ -21,11 +21,11 @@ pnpm i
 pnpm run dev
 ```
 
-And then visit `http://localhost:3000`
+Và sau đó truy cập `http://localhost:3000`
 
-Or install the [Vite extension for VS Code](https://marketplace.visualstudio.com/items?itemName=antfu.vite) to edit side-by-side.
+Hoặc cài đặt [Vite extension cho VS Code](https://marketplace.visualstudio.com/items?itemName=antfu.vite) để chỉnh sửa song song.
 
-## Help on Translating
+## Trợ giúp về phiên dịch
 
 <!-- For translations maintainers: You don't need to translate this port -->
 

builtin/components.md

@@ -1,17 +1,17 @@
-# Components
+# Component
 
-## Built-in Components
+## Tích hợp Component
 
-> The documentations of this section is still working in progress. Before that, you can take a look at the [source code](https://github.com/slidevjs/slidev/blob/main/packages/client/builtin) directly.
+> Các tài liệu của phần này vẫn đang được hoàn thiện. Trước đó, bạn có thể xem trực tiếp tại [source code](https://github.com/slidevjs/slidev/blob/main/packages/client/builtin).
 
-## Custom Components
+## Tùy chỉnh Component
 
-Create a directory `components/` under your project root, and simply put your custom Vue components under it, then you can use it with the same name in your markdown file!
+Tạo một thư mục `components/` trong dự án gốc của bạn và chỉ cần đặt các component Vue tùy chỉnh của bạn bên trong nó, sau đó bạn có thể sử dụng nó với cùng tên trong file markdown của mình!
 
-Read more in the [Customization](/custom/directory-structure#components) section.
+Đọc thêm trong phần [Tùy chỉnh](/custom/directory-structure#components).
 
-## Theme-provided Components
+## Component do Chủ đề cung cấp
 
-Themes can provide components as well. Please read their documentations for what they have provided.
+Chủ đề cũng có thể cung cấp các component. Vui lòng đọc tài liệu về nó để biết những gì nó cung cấp.
 
-Check more in the [directory structure](/custom/directory-structure) section.
+Kiểm tra thêm trong phần [Cấu trúc thư mục](/custom/directory-structure).

builtin/layouts.md

@@ -1,15 +1,15 @@
-# Layouts
+# Layout
 
-## Built-in Layouts
+## Tích hợp Layout
 
-> The documentations of this section is still working in progress. Before that, you can take a look at the [source code](https://github.com/slidevjs/slidev/blob/main/packages/client/layouts) directly.
+> Các tài liệu của phần này vẫn đang được hoàn thiện. Trước đó, bạn có thể xem trực tiếp tại [source code](https://github.com/slidevjs/slidev/blob/main/packages/client/layouts).
 
-## Custom Layouts
+## Tùy chỉnh Layout
 
-Create a directory `layouts/` under your project root, and simply put your custom Vue layout components under it.
+Tạo một thư mục `layouts/` trong dự án gốc của bạn và chỉ cần đặt các component layout Vue tùy chỉnh của bạn bên trong nó.
 
-Read more in the [Customization](/custom/directory-structure#layouts) section.
+Đọc thêm trong phần [Các tùy chỉnh](/custom/directory-structure#layouts).
 
-## Theme-provided Layouts
+## Layout do Chủ đề cung cấp
 
-Themes can provide layouts or override existing ones. Please read their documentation for what they have provided.
+Chủ đề có thể cung cấp các layout hoặc ghi đè các layout hiện có. Vui lòng đọc tài liệu về nó để biết những gì nó cung cấp.

custom/config-katex.md

@@ -1,8 +1,8 @@
-# Configure KaTeX
+# Cấu hình KaTeX
 
 <Environment type="node" />
 
-Create `./setup/katex.ts` with the following content:
+Tạo `./setup/katex.ts` với nội dung sau:
 
 ```ts
 import { defineKatexSetup } from '@slidev/types'
@@ -14,4 +14,4 @@ export default defineKatexSetup(() => {
 })
 ```
 
-With the setup, you can provide the custom setting for [KaTex Options](https://katex.org/docs/options.html). Refer to the type definitions and their documentation for more details.
+Trong quá trình thiết lập, bạn có thể cung cấp cài đặt tùy chỉnh cho [Các lựa chọn KaTex](https://katex.org/docs/options.html). Tham khảo định nghĩa loại và tài liệu của chúng để biết thêm chi tiết.