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

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

* chore: add lodash types

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,