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 模块 ✨

提示：如果您在 PC 上运行 varlet。请安装 @varlet/touch-emulator

选项

字段名	必需	默认值	效果
模块路径	false	未定义	如果您需要，可以自定义您的工作区路径
排除	false	'.nuxt', 'node_modules'	排除您不想转换的一些路径
图标	false	未定义	将 svg 图标转换为 iconfont

贡献

我们建议使用 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