Fixed object copying issue with new custom modules

_includes/vue-rule-script.html

@@ -38,7 +38,7 @@
                     .module="rule"
                     @drop.prevent="dropOnRule" @dragenter.prevent @dragover.prevent
                 >
-                    <div v-if="rule.modules.length < 1">Drag rules from the library below here, or create your own!</div>
+                    <div v-if="rule.modules.length < 1">Drag rules from the library below here, or create your own.</div>
                     <module
                         v-for="module in rule.modules"
                         :key="module"

assets/js/vue.rules.js

@@ -247,9 +247,9 @@ const app = Vue.createApp({
     /**
      * @returns {Object} a new module object from the moduleTemplate
      */
-    newModule() {
-      return { ...this.moduleTemplate }
-    },
+      newModule() {
+          return JSON.parse(JSON.stringify(this.moduleTemplate));
+      },
     /**
      * spreads a source module into a new module from the moduleTemplate
      * @param {Object} sourceModule the module to copy
@@ -595,7 +595,7 @@ const app = Vue.createApp({
       }
     },
     /**
-     * Creates a new module, set's a default name, and adds it to the editor
+     * Creates a new module, sets a default name, and adds it to the editor
      */
     newCustomModule() {
       const module = this.newModule();