fix: 修改文件名大小写

src/views/Design/components/Questions/Choice.vue

@@ -10,7 +10,7 @@
       {{ index + 1 }}
     </template>
     <template #label>
-      <contenteditable v-model="element.stem" :active="active"></contenteditable>
+      <contenteditable v-model="element.stem" :active="active" @blur="emitValue"></contenteditable>
     </template>
     <template #input>
       <template v-for="(item, optionIndex) in element.options" :key="item.id">
@@ -30,12 +30,7 @@
               >
                 <template #default>
                   <div class="flex align-center van-cell">
-                    <div
-                      class="van-cell--borderless choice-html"
-                      :contenteditable="active"
-                      @blur="saveOption($event, it)"
-                      v-html="it.option"
-                    ></div>
+                    <contenteditable v-model="it.option" :active="active"></contenteditable>
                     <div v-if="it.is_other">
                       <input class="other-input" type="text" />
                     </div>
@@ -61,12 +56,7 @@
               >
                 <template #default>
                   <div class="flex align-center van-cell">
-                    <div
-                      class="van-cell--borderless choice-html"
-                      :contenteditable="active"
-                      @blur="saveOption($event, it)"
-                      v-html="it.option"
-                    ></div>
+                    <contenteditable v-model="it.option" :active="active"></contenteditable>
                     <div v-if="it.is_other">
                       <input class="other-input" type="text" />
                     </div>
@@ -82,7 +72,7 @@
 </template>
 <script setup>
 import OptionAction from '@/views/Design/components/ActionCompoents/OptionAction.vue';
-import { ref, defineAsyncComponent } from 'vue';
+import { defineAsyncComponent, toRefs } from 'vue';
 const Contenteditable = defineAsyncComponent(() => import('@/components/contenteditable.vue'));
 const props = defineProps({
   element: {
@@ -102,10 +92,10 @@ const props = defineProps({
     default: 0
   }
 });
-
-const element = ref(props.element);
-const saveOption = (e, ele) => {
-  ele.option = e.target.innerHTML;
+const { element } = toRefs(props);
+const emit = defineEmits(['update:element']);
+const emitValue = () => {
+  emit('update:element', element.value);
 };
 </script>
 <style scoped lang="scss">