vue dependency update #788

app/js/ui/settings.js

@@ -1,9 +1,12 @@
 //設定(setting.html)で読む
-var envView = new Vue({
-    el: '#envView',
-    data: { config: envConstruction },
+Vue.createApp({
+    data() {
+        return {
+            config: envConstruction
+        }
+    },
     methods: {
-        complete: function(i, val) {
+        complete: function (i, val) {
             var ls = envView.config[i]
             let header = ls.text.head
             if (!ls.data) {
@@ -33,12 +36,11 @@ var envView = new Vue({
             return true
         },
     },
-})
-var tlView = new Vue({
-    el: '#tlView',
-    data: { config: tlConstruction },
+}).mount('#envView')
+Vue.createApp({
+    data() { return { config: tlConstruction } },
     methods: {
-        complete: function(i, val) {
+        complete: function (i, val) {
             var ls = tlView.config[i]
             let header = ls.text.head
             if (val) {
@@ -59,16 +61,17 @@ var tlView = new Vue({
             return true
         },
     },
-})
-var postView = new Vue({
-        el: '#postView',
-        data: {
+}).mount('#tlView')
+Vue.createApp({
+    data() {
+        return {
             config: postConstruction,
             kirishima: localStorage.getItem('kirishima'),
             quoters: localStorage.getItem('quoters'),
+        }
     },
     methods: {
-            complete: function(i, val) {
+        complete: function (i, val) {
             var ls = postView.config[i]
             let header = ls.text.head
             if (val) {
@@ -90,8 +93,8 @@ var postView = new Vue({
             return true
         },
     },
-    })
-    //設定ボタン押した。
+}).mount('#postView')
+//設定ボタン押した。
 function settings() {
     var fontd = $('#font').val()
     if (fontd) {
@@ -225,7 +228,7 @@ function climute() {
             return
         }
         var templete
-        Object.keys(obj).forEach(function(key) {
+        Object.keys(obj).forEach(function (key) {
             var cli = obj[key]
             var list = key * 1 + 1
             templete =
@@ -651,7 +654,7 @@ function ctLoad() {
 function ctLoadCore(args) {
     var template = ''
     var editTemplate = ''
-    Object.keys(args).forEach(function(key) {
+    Object.keys(args).forEach(function (key) {
         var theme = args[key]
         var themeid = theme.id
         template = template + `<option value="${themeid}">${theme.name}${theme.compatible ? `(${lang.lang_setting_compat})` : ''}</option>`

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>