透過 100+ 個技巧學習 Nuxt!

vue-email
@vue-email/nuxt

💌 使用 Vue 撰寫電子郵件範本

vue-email

npm versionnpm downloadsJSDocsLicense

@vue-email/nuxt

Vue Email 的官方 Nuxt 模組。使用 Vue 元件建立電子郵件範本。

功能

  • 自動導入 Vue Email 元件和 composable
  • useCompiler 工具程式,用於在伺服器上渲染電子郵件
  • Nuxt ✨ 帶來的全部 DX 魔法
  • Vue Email 開發者工具整合

生態系統

套件版本
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 應用程式中使用 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

許可證

MIT 許可證 © 2023-至今 Vue Email