# Cấu hình Vite và Plugin

Slidev được hỗ trợ bởi Vite bên dưới. Điều này có nghĩa là bạn có thể tận dụng hệ thống plugin mạnh mẽ của Vite để tùy chỉnh slide của mình hơn nữa.

Nếu bạn có file vite.config.ts, nó sẽ được sử dụng và merge với cấu hình Vite được cung cấp bởi Slidev, theme và các addon.

# Cấu hình Plugin nội bộ

Slidev tích hợp sẵn các plugin sau vào Vite:

• @vitejs/plugin-vue
• unplugin-vue-components
• unplugin-icons
• vite-plugin-vue-markdown
• vite-plugin-remote-assets
• unocss/vite

Để cấu hình các plugin tích hợp sẵn như trên, hãy tạo một file vite.config.ts với nội dung sau. Lưu ý rằng Slidev đã có các cấu hình mặc định cho các plugin này, việc sử dụng này sẽ ghi đè một số cấu hình, điều này có thể gây lỗi ứng dụng. Vui lòng xem đây là một tính năng nâng cao và đảm bảo bạn hiểu rõ trước khi tiếp tục.

/// <reference types="@slidev/types" />
import type MarkdownIt from 'markdown-it'
declare const MyPlugin: (md: any) => void
// ---cut---
import { defineConfig } from 'vite'

export default defineConfig({
  slidev: {
    vue: {
      /* vue options */
    },
    markdown: {
      /* markdown-it options */
      markdownItSetup(md) {
        /* custom markdown-it plugins */
        md.use(MyPlugin)
      },
    },
    /* options for other plugins */
  },
})

Xem khai báo kiểu để biết thêm các options.

import Vue from '@vitejs/plugin-vue'
import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [
    Vue({
      /* vue options */
    })
  ],
})