@vue-email/nuxt
Vue Email の公式 Nuxt モジュールです。Vue コンポーネントでメールテンプレートを作成します。
機能
- Vue Email コンポーネントとコンポーザブルの自動インポート
useCompilerユーティリティを使用してサーバー上でメールをレンダリング- Nuxt に備わっているすべての DX マジック ✨
- Vue Email DevTools 統合
エコシステム
| パッケージ | バージョン |
|---|---|
| Vue-Email |  |
| Nuxt |  |
| SSR コンパイラ |  |
| CLI |  |
クイックセットアップ
@vue-email/nuxt依存関係をプロジェクトに追加します
# Using pnpm
pnpm add -D @vue-email/nuxt
# Using yarn
yarn add --dev @vue-email/nuxt
# Using npm
npm install --save-dev @vue-email/nuxt
@vue-email/nuxtをnuxt.config.tsのmodulesセクションに追加します
export default defineNuxtConfig({
modules: [
'@vue-email/nuxt'
]
})
これで完了です！ 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