透過 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