fix(nuxt): use lodash.template directly to compile templates (#1525)

* fix: use `lodash.template` directly to compile templates * chore: add lodash types

Author: danielroe

packages/nuxt/package.json

@@ -40,6 +40,7 @@
  "dependencies": {
  "@nuxt/kit": "^3.10.3",
  "@posva/lru-cache": "^10.0.1",
+ "lodash-es": "^4.17.21",
  "strip-json-comments": "^5.0.1"
  },
  "peerDependencies": {
@@ -66,6 +67,7 @@
  "@nuxt/module-builder": "^0.8.1",
  "@nuxt/schema": "^3.10.3",
  "@nuxt/test-utils": "^3.11.0",
+ "@types/lodash-es": "^4.17.12",
  "eslint": "^8.56.0",
  "firebase": "^10.8.0",
  "firebase-admin": "^12.0.0",

packages/nuxt/src/module.ts

@@ -1,3 +1,5 @@
+import { readFileSync } from 'node:fs'
+import { template } from 'lodash-es'
 /**
  * @module nuxt-vuefire
  */
@@ -169,7 +171,13 @@ export default defineNuxtModule<VueFireNuxtModuleOptions>({
 
  // this adds the VueFire plugin and handle SSR state serialization and hydration
  addPluginTemplate({
- src: normalize(resolve(templatesDir, 'plugin.ejs')),
+ getContents({ options }) {
+ const contents = readFileSync(
+ normalize(resolve(templatesDir, 'plugin.ejs')),
+ 'utf-8'
+ )
+ return template(contents)({ options })
+ },
  filename: 'vuefire-plugin.mjs',
  options: {
  ssr: nuxt.options.ssr,
@@ -232,7 +240,13 @@ export default defineNuxtModule<VueFireNuxtModuleOptions>({
  if (options.auth.enabled) {
  // hydrates the user if any
  addPluginTemplate({
- src: normalize(resolve(runtimeDir, 'auth/plugin.client.ejs')),
+ getContents({ options }) {
+ const contents = readFileSync(
+ normalize(resolve(runtimeDir, 'auth/plugin.client.ejs')),
+ 'utf-8'
+ )
+ return template(contents)({ options })
+ },
  filename: 'vuefire-auth-plugin.client.mjs',
  options: {
  ...options.auth,