通过 100+ 个技巧学习 Nuxt!

varlet
@varlet/nuxt

一个基于 Vue3 开发的 Material Design 移动端组件库

Varlet Nuxt

🌟 灵感来源于 vant-nuxtelement-plus-nuxt

欢迎为这个仓库做贡献

用于 Nuxt3 的 Varlet 模块

特性

  • 在你的 Nuxt 项目中自动导入 Varlet 组件
  • 自动导入 Varlet 指令
  • 组件懒加载
  • Material Design Nuxt 组件,带有 Material 3 版本

快速安装

  1. 添加 @varlet/nuxt 依赖到你的项目
npx nuxi@latest module add varlet
  1. 添加 @varlet/nuxtnuxt.config.tsmodules 部分
export default defineNuxtConfig({
  modules: ['@varlet/nuxt'],
  varlet: {
    modulePath: '...',
    exclude: ['...'],
    icon: {}
  }
})

搞定啦!你现在可以在你的 Nuxt 应用中使用 Varlet 模块了 ✨

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

选项

fieldNamerequiredefaulteffect
modulePathfalseundefind如果需要,自定义你的工作区路径
excludefalse'.nuxt', 'node_modules'排除一些你不想转换的路径
iconfalseundefinedSVG 图标转为 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