vue dependency update #788

app/js/ui/settings.js

@@ -1,7 +1,10 @@
 //設定(setting.html)で読む
-var envView = new Vue({
+Vue.createApp({
-    el: '#envView',
+    data() {
-    data: { config: envConstruction },
+        return {
+            config: envConstruction
+        }
+    },
     methods: {
         complete: function (i, val) {
             var ls = envView.config[i]
@@ -33,10 +36,9 @@ var envView = new Vue({
             return true
         },
     },
-})
+}).mount('#envView')
-var tlView = new Vue({
+Vue.createApp({
-    el: '#tlView',
+    data() { return { config: tlConstruction } },
-    data: { config: tlConstruction },
     methods: {
         complete: function (i, val) {
             var ls = tlView.config[i]
@@ -59,13 +61,14 @@ var tlView = new Vue({
             return true
         },
     },
-})
+}).mount('#tlView')
-var postView = new Vue({
+Vue.createApp({
-        el: '#postView',
+    data() {
-        data: {
+        return {
             config: postConstruction,
             kirishima: localStorage.getItem('kirishima'),
             quoters: localStorage.getItem('quoters'),
+        }
     },
     methods: {
         complete: function (i, val) {
@@ -90,7 +93,7 @@ var postView = new Vue({
             return true
         },
     },
-    })
+}).mount('#postView')
 //設定ボタン押した。
 function settings() {
     var fontd = $('#font').val()

app/view/make/setting.sample.html

@@ -41,7 +41,7 @@
     <script type="text/javascript" src="../../@@node_base@@/@cutls/materialize-css/dist/js/materialize.js"></script>
     <script type="text/javascript" src="main.js"></script>
     <script src="../../@@node_base@@/json5/dist/index.min.js"></script>
-    <script src="../../@@node_base@@/vue/dist/vue.min.js"></script>
+    <script src="../../@@node_base@@/vue/dist/vue.global.js"></script>
     <script type="text/javascript" src="setting.vue.js"></script>
     <script type="text/javascript" src="../../@@node_base@@/sweetalert2/dist/sweetalert2.min.js"></script>
     <script>