通过 100+ 条技巧学习 Nuxt!

vue-email
@vue-email/nuxt

💌 使用 Vue 编写电子邮件模板

vue-email

npm versionnpm downloadsJSDocsLicense

@vue-email/nuxt

Vue Email 的官方 Nuxt 模块。使用 Vue 组件构建电子邮件模板。

特性

  • 自动导入 Vue Email 组件和组合式函数
  • useCompiler 实用程序,用于在服务器上渲染电子邮件
  • Nuxt 带来的所有 DX 魔力 ✨
  • Vue Email DevTools 集成

生态系统

版本
Vue-Emailtres version
Nuxtnuxt version
SSR 编译器cientos version
CLItres version

快速设置

  1. @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
  1. @vue-email/nuxt 添加到 nuxt.config.tsmodules 部分
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

许可

MIT 许可证 © 2023-至今 Vue Email