From b4a14e2a9e481679b42ee7bec0779e66c4711f06 Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Wed, 12 Feb 2025 15:14:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9programs=E5=BC=95=E7=94=A8?=
 =?UTF-8?q?=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CommandRunResult.vue          |  2 +-
 src/components/card/layouts/DenseLayout.vue  |  6 ++++--
 src/components/card/layouts/ListLayout.vue   |  4 +++-
 src/components/editor/CommandLanguageBar.vue | 14 ++++++++++----
 4 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/components/CommandRunResult.vue b/src/components/CommandRunResult.vue
index f74b8ae..de82142 100644
--- a/src/components/CommandRunResult.vue
+++ b/src/components/CommandRunResult.vue
@@ -171,7 +171,7 @@ export default {
       let option =
         command.program === "custom"
           ? command.customOptions
-          : this.$root.programs[command.program];
+          : programs[command.program];
       option.scptarg = command.scptarg || "";
       option.charset = command.charset || {};
       option.envPath = this.$root.nativeProfile.envPath.trim() || "";
diff --git a/src/components/card/layouts/DenseLayout.vue b/src/components/card/layouts/DenseLayout.vue
index 3fd5d29..4e1db69 100644
--- a/src/components/card/layouts/DenseLayout.vue
+++ b/src/components/card/layouts/DenseLayout.vue
@@ -46,7 +46,7 @@
         width="16px"
       />
       <div>|</div>
-      <q-img :src="$root.programs[commandInfo.program].icon" width="16px" />
+      <q-img :src="programs[commandInfo.program].icon" width="16px" />
       <div class="text-subtitle2">{{ programName }}</div>
     </div>
   </q-card-section>
@@ -55,6 +55,7 @@
 <script>
 import CommandTypeTag from "../CommandTypeTag.vue";
 import platformTypes from "js/options/platformTypes.js";
+import programs from "js/options/programs.js";
 
 export default {
   name: "DenseLayout",
@@ -69,11 +70,12 @@ export default {
   data() {
     return {
       platformTypes,
+      programs,
     };
   },
   computed: {
     program() {
-      return this.$root.programs[this.commandInfo.program];
+      return this.programs[this.commandInfo.program];
     },
     programName() {
       return this.program.shortName ?? this.program.name;
diff --git a/src/components/card/layouts/ListLayout.vue b/src/components/card/layouts/ListLayout.vue
index fda694f..82ac87b 100644
--- a/src/components/card/layouts/ListLayout.vue
+++ b/src/components/card/layouts/ListLayout.vue
@@ -50,6 +50,7 @@
 <script>
 import CommandTypeTag from "../CommandTypeTag.vue";
 import platformTypes from "js/options/platformTypes.js";
+import programs from "js/options/programs.js";
 
 export default {
   name: "ListLayout",
@@ -64,11 +65,12 @@ export default {
   data() {
     return {
       platformTypes,
+      programs,
     };
   },
   computed: {
     program() {
-      return this.$root.programs[this.commandInfo.program];
+      return this.programs[this.commandInfo.program];
     },
   },
 };
diff --git a/src/components/editor/CommandLanguageBar.vue b/src/components/editor/CommandLanguageBar.vue
index c207c1d..daeb744 100644
--- a/src/components/editor/CommandLanguageBar.vue
+++ b/src/components/editor/CommandLanguageBar.vue
@@ -17,13 +17,13 @@
         >
           <template v-slot:append>
             <q-avatar size="lg" square>
-              <img :src="$root.programs[modelValue.program].icon" />
+              <img :src="programs[modelValue.program].icon" />
             </q-avatar>
           </template>
           <template v-slot:option="scope">
             <q-item v-bind="scope.itemProps">
               <q-item-section avatar>
-                <img width="32" :src="$root.programs[scope.opt].icon" />
+                <img width="32" :src="programs[scope.opt].icon" />
               </q-item-section>
               <q-item-section>
                 <q-item-label v-html="scope.opt" />
@@ -162,6 +162,7 @@
 </template>
 
 <script>
+import programs from "js/options/programs.js";
 
 export default {
   name: "CommandLanguageBar",
@@ -190,9 +191,14 @@ export default {
     "save",
     "show-composer",
   ],
+  data() {
+    return {
+      programs,
+    };
+  },
   computed: {
     programLanguages() {
-      return Object.keys(this.$root.programs);
+      return Object.keys(this.programs);
     },
   },
   methods: {
@@ -235,7 +241,7 @@ export default {
     },
     matchLanguage() {
       if (!this.modelValue.customOptions.ext) return;
-      let language = Object.values(this.$root.programs).filter(
+      let language = Object.values(this.programs).filter(
         (program) => program.ext === this.modelValue.customOptions.ext
       );
       if (language.length) {