@tdesign-vue-next/nuxt

用於 TDesign Vue Next 的 Nuxt 模組。

✨ 發行說明

功能

📦 自動導入來自 tdesign-vue-next 的組件
🗳 自動導入來自 tdesign-icons-vue-next 的圖示
🎨 自動導入 TDesign 全域 CSS 變數

快速設定

新增 @tdesign-vue-next/nuxt 依賴到您的專案

# Using pnpm
pnpm add -D tdesign-vue-next @tdesign-vue-next/nuxt

# Using yarn
yarn add --dev tdesign-vue-next @tdesign-vue-next/nuxt

# Using npm
npm install --save-dev tdesign-vue-next @tdesign-vue-next/nuxt

新增 @tdesign-vue-next/nuxt 到 nuxt.config.ts 的 modules 區塊

export default defineNuxtConfig({
  modules: ['@tdesign-vue-next/nuxt']
  // self-defined configuration for @tdesign-vue-next/nuxt
  // tdesign:{
  //  resolveIcons:true
  // }
});

@tdesign-vue-next/nuxt 的所有配置

名稱	類型	預設值	描述
resolveIcons	布林值	false	從 `tdesign-icons-vue-next' 解析單個圖示組件
prefix	字串	't'	自訂組件前綴
iconPrefix	字串	未定義	自訂圖示前綴
iconExclude	字串或 RegExp (string or RegExp)	未定義	排除圖示，如果符合則不從 tdesign-icons-vue-next 解析圖示
iconInclude	字串或 RegExp (string or RegExp)	未定義	包含的圖示，僅解析符合 iconInclude 的圖示
esm	布林值	false	是否導入 ESM 版本
plugins	TdesignPlugin	未定義	自訂從 tdesign-vue-next 導入的插件
exclude	字串或 RegExp (string or RegExp)	未定義	排除組件名稱，如果符合則不解析該名稱
include	字串或 RegExp (string or RegExp)	未定義	包含的組件，僅解析符合 include 的組件
importVariables	布林值或字串	true	是否導入預設主題變數，如果自訂主題則設定為 false

就是這樣！您現在可以在您的 Nuxt 應用程式中使用 Nuxt Module for TDesign 了 ✨

開發

# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release