Varlet Nuxt

歡迎貢獻此儲存庫

適用於 Nuxt3 的 Varlet 模組

功能

在您的 Nuxt 專案中自動導入 Varlet 元件
自動導入 Varlet 指令
延遲載入元件
採用 Material 3 版本的 Material Design Nuxt 元件

快速設定

將 @varlet/nuxt 依賴項新增至您的專案

npx nuxi@latest module add varlet

將 @varlet/nuxt 新增至 nuxt.config.ts 的 modules 區段

export default defineNuxtConfig({
  modules: ['@varlet/nuxt'],
  varlet: {
    modulePath: '...',
    exclude: ['...'],
    icon: {}
  }
})

就這樣！您現在可以在您的 Nuxt 應用程式中使用 Varlet 模組了 ✨

提示：如果您在電腦上執行 varlet。請安裝 @varlet/touch-emulator

選項

fieldName	require	default	effect
modulePath	false	未定義	如果您需要，可以自訂您的工作區路徑
exclude	false	'.nuxt', 'node_modules'	排除一些您不想轉換的路徑
icon	false	未定義	SVG 圖示轉為圖示字體

貢獻

我們建議使用 pnpm

# Install dependencies
pnpm install

# Generate type stubs
pnpm run dev:prepare

# Develop with the playground
pnpm run dev

# Build the playground
pnpm run dev:build

# Run ESLint
pnpm run lint

# Release new version
pnpm run release