The Pegasus
The Pegasus
PostsComments
NNuxt
Created by Yassaaa on 8/13/2024 in #❓・help
Need help with creating mail templates with dynamic data and sending it
vue-email seems interesting as I am using Resend to send emails and it is "inspired by the Resend team's React Email library". Thanks, @Mak.
20 replies
NNuxt
Created by Yassaaa on 8/13/2024 in #❓・help
Need help with creating mail templates with dynamic data and sending it
Actually, I managed to make it work! 
import vue from "@vitejs/plugin-vue";

export default defineNuxtConfig({
  // ...
  nitro: {
    rollupConfig: {
      plugins: [vue()],
    },
  },
}
import vue from "@vitejs/plugin-vue";

export default defineNuxtConfig({
  // ...
  nitro: {
    rollupConfig: {
      plugins: [vue()],
    },
  },
}
This does the trick. I had two nitro objects in my config, so this plugin was getting overwritten. @Yassaaa I am aware not everything Vue does is available on an email, but you definitely can use it as a templating engine.
20 replies
NNuxt
Created by Yassaaa on 8/13/2024 in #❓・help
Need help with creating mail templates with dynamic data and sending it
@Yassaaa
20 replies
NNuxt
Created by Yassaaa on 8/13/2024 in #❓・help
Need help with creating mail templates with dynamic data and sending it
I'm just running into this. Did you ever manage to fix this issue? I tried adding this to nuxt.config.ts but I still get the rollup error... 
import vuePlugin from "rollup-plugin-vue";

export default defineNuxtConfig({
  // ...
  nitro: {
    rollupConfig: {
      plugins: [
        vuePlugin({
          include: /\.vue$/,
          target: "node",
        }),
      ],
    },
  },
}
import vuePlugin from "rollup-plugin-vue";

export default defineNuxtConfig({
  // ...
  nitro: {
    rollupConfig: {
      plugins: [
        vuePlugin({
          include: /\.vue$/,
          target: "node",
        }),
      ],
    },
  },
}
20 replies