V12

Lib/appconf/appconf.js

@@ -576,25 +576,26 @@ var config = {
 }
 
 
-var vue_config = new Vue({
-    el: '#vue-config',
-    data: {
-        app_name: "App Name",
-        app_name_color: "#44b3e2",
-        app_description: "",
-        app_instructions: "",
-        config_name: "",
-        config_public: false,
-        config_items: [],
-        config_valid: false,
-        autogen_node: "",
-        autogen_feeds: [],
-        autogen_all_present: false,
-        autogen_status: "",
-        autogen_status_color: "#aaa",
-
-        // Button only currently used by myheatpump app.
-        enable_process_daily: false
+var vue_config_app = Vue.createApp({
+    data: function() {
+        return {
+            app_name: "App Name",
+            app_name_color: "#44b3e2",
+            app_description: "",
+            app_instructions: "",
+            config_name: "",
+            config_public: false,
+            config_items: [],
+            config_valid: false,
+            autogen_node: "",
+            autogen_feeds: [],
+            autogen_all_present: false,
+            autogen_status: "",
+            autogen_status_color: "#aaa",
+
+            // Button only currently used by myheatpump app.
+            enable_process_daily: false
+        };
     },
     methods: {
 
@@ -833,4 +834,6 @@ var vue_config = new Vue({
             config.reset_daily_data();
         }
     }
-});
+});
+
+var vue_config = vue_config_app.mount('#vue-config');

Lib/appconf/appconf.php

@@ -5,9 +5,6 @@
     $app_conf_version = time(); // Use timestamp for cache busting during development, replace with static version for production
 ?>
 
-<script src="<?php echo $path; ?>Lib/vue.min.js"></script>
-
-
 <link href="<?php echo $app_conf_path; ?>appconf.css?v=<?php echo $app_conf_version; ?>" rel="stylesheet">
 
 <div id="vue-config">
@@ -149,4 +146,4 @@
 </div>
 </div>
 
-<script type="text/javascript" src="<?php echo $app_conf_path; ?>appconf.js?v=<?php echo $app_conf_version; ?>"></script>
+<?php load_js('Modules/app/Lib/appconf/appconf.js'); ?>