@vue-email/nuxt
Vue Email 的官方 Nuxt 模块。使用 Vue 组件构建邮件模板。
功能
- 自动导入 Vue Email 组件和组合式函数
useCompiler
实用程序,用于在服务器上渲染邮件- Nuxt 带来的所有 DX 魔法 ✨
- Vue Email 开发者工具集成
生态系统
包 | 版本 |
---|---|
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 应用中使用 My Module ✨
开发
# 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