From e1c01fdf216040d0bc125c4b66d4597683e76925 Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Wed, 24 Jan 2024 12:05:58 +0800
Subject: [PATCH] update

---
 src/mobile/Helper.vue | 31 ++++++++++++++++++++++++++-----
 1 file changed, 26 insertions(+), 5 deletions(-)

diff --git a/src/mobile/Helper.vue b/src/mobile/Helper.vue
index f3f763a..a1c9449 100644
--- a/src/mobile/Helper.vue
+++ b/src/mobile/Helper.vue
@@ -1,21 +1,42 @@
 <script lang="ts" setup>
 import { insertText } from "../composables/helper"
+import { code } from "../composables/code"
+import { computed } from "vue"
 
 function insert(text: string) {
   insertText.value = text
 }
+
+const texts = computed(() => {
+  if (code.language === "c") return [",", ";", "printf();", "{\n}", "int", "%d"]
+  else
+    return [
+      ":",
+      "=",
+      "==",
+      "print()",
+      "input()",
+      "if",
+      "else",
+      "elif",
+      "for",
+      "in",
+      "range",
+      "while",
+    ]
+})
 </script>
 <template>
-  <n-flex align="center" class="container">
+  <n-flex align="center" class="container" wrap>
     <span>编程助手</span>
-    <n-button size="small" @click="insert(':')">:</n-button>
-    <n-button size="small" @click="insert('=')">=</n-button>
-    <n-button size="small" @click="insert('print')">print</n-button>
-    <n-button size="small" @click="insert('input')">input</n-button>
+    <n-button v-for="it in texts" :key="it" size="small" @click="insert(it)">
+      {{ it }}
+    </n-button>
   </n-flex>
 </template>
 <style scoped>
 .container {
+  padding: 0 10px;
   margin-bottom: 10px;
 }
 </style>