feat: use runtimeConfig to avoid building when changing Strapi URL

example/pages/index.vue

@@ -1,11 +1,15 @@
 <template>
   <div>
-    Works!
+    <h1>@nuxtjs/strapi</h1>
+    <h2>$strapi.state</h2>
+    <pre>{{ $strapi.state }}</pre>
+    <h2>options.url</h2>
+    <pre>{{ $strapi.$http._defaults.prefixUrl }}</pre>
   </div>
 </template>
 
-<script>
-export default {
-
+<style scoped>
+div {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
-</script>
+</style>

lib/module.js

@@ -13,7 +13,8 @@ module.exports = async function (moduleOptions) {
   }, defaults)
 
   this.options.publicRuntimeConfig = this.options.publicRuntimeConfig || {}
-  this.options.publicRuntimeConfig.strapiUrl = options.url
+  this.options.publicRuntimeConfig.strapi = this.options.publicRuntimeConfig.strapi || {}
+  this.options.publicRuntimeConfig.strapi.url = options.url
 
   this.addPlugin({
     src: resolve(__dirname, 'plugin.js'),

lib/plugin.js

@@ -8,11 +8,13 @@ class Strapi extends Hookable {
   constructor (ctx) {
     super()
 
+    ctx.$config = ctx.$config || {} // fallback for Nuxt < 2.13
+    const runtimeConfig = ctx.$config.strapi || {}
     this.state = Vue.observable({ user: null })
 
     this.$cookies = ctx.app.$cookies
     this.$http = ctx.$http.create({})
-    this.$http.setBaseURL('<%= options.url %>')
+    this.$http.setBaseURL(runtimeConfig.url || '<%= options.url %>')
     this.$http.onError((err) => {
       const { response: { data: { message: msg } } } = err
 
@@ -139,32 +141,32 @@ class Strapi extends Hookable {
 
 export default async function (ctx, inject) {
   <%= JSON.stringify(options.entities) %>.forEach((entity) => {
-  Object.defineProperty(Strapi.prototype, `$${entity}`, {
-    get: function () {
-      const that = this
-      return {
-        find: function (...args) {
-          return that.find(entity, ...args)
-        },
-        findOne: function (...args) {
-          return that.findOne(entity, ...args)
-        },
-        count: function (...args) {
-          return that.count(entity, ...args)
-        },
-        create: function (...args) {
-          return that.create(entity, ...args)
-        },
-        update: function (...args) {
-          return that.update(entity, ...args)
-        },
-        delete: function (...args) {
-          return that.delete(entity, ...args)
+    Object.defineProperty(Strapi.prototype, `$${entity}`, {
+      get () {
+        const that = this
+        return {
+          find (...args) {
+            return that.find(entity, ...args)
+          },
+          findOne (...args) {
+            return that.findOne(entity, ...args)
+          },
+          count (...args) {
+            return that.count(entity, ...args)
+          },
+          create (...args) {
+            return that.create(entity, ...args)
+          },
+          update (...args) {
+            return that.update(entity, ...args)
+          },
+          delete (...args) {
+            return that.delete(entity, ...args)
+          }
         }
       }
-    }
+    })
   })
-})
 
   const strapi = new Strapi(ctx)