@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	字符串	undefined	自定义图标前缀
iconExclude	字符串或正则表达式 (string or RegExp)	undefined	排除图标，如果匹配则不从 tdesign-icons-vue-next 解析图标
iconInclude	字符串或正则表达式 (string or RegExp)	undefined	包含的图标，仅解析与 iconInclude 匹配的图标
esm	布尔值	false	是否导入 ESM 版本
plugins	TdesignPlugin	undefined	自定义从 tdesign-vue-next 导入插件
exclude	字符串或正则表达式 (string or RegExp)	undefined	排除组件名称，如果匹配则不解析该名称
include	字符串或正则表达式 (string or RegExp)	undefined	包含的组件，仅解析与 include 匹配的组件
importVariables	布尔值或字符串	true	是否导入默认主题变量，如果自定义主题请设置为 false

就是这样！现在你可以在你的 Nuxt 应用中使用 TDesign 的 Nuxt 模块了 ✨

开发

# 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