Varlet Nuxt

🌟 vant-nuxt と element-plus-nuxt に触発されました

このリポジトリへの貢献を歓迎します

Nuxt3用Varletモジュール

機能

NuxtプロジェクトでVarletコンポーネントを自動インポート
Varletディレクティブを自動インポート
コンポーネントの遅延読み込み
マテリアルデザイン3バージョンを搭載したNuxtコンポーネント

クイックセットアップ

@varlet/nuxt 依存関係をプロジェクトに追加します

npx nuxi@latest module add varlet

nuxt.config.ts の modules セクションに @varlet/nuxt を追加します

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

これで完了です！ NuxtアプリでVarletモジュールを使用できるようになりました ✨

ヒント: PCでvarletを実行する場合、@varlet/touch-emulatorをインストールしてください

オプション

フィールド名	必須	デフォルト	効果
modulePath	false	未定義	必要に応じて、ワークスペースパスをカスタマイズ
除外	false	'.nuxt', 'node_modules'	変換しないパスを除外
アイコン	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