update faq

src/components/Widgets/FAQ/FAQ.vue

@@ -17,8 +17,8 @@
                :class="{'selected': topicIndex === index}"
                @click="topicIndex=index">
             <div class="icon">
-              <q-icon :name="item.icon"
-                      size="40px" />
+              <q-img :src="item.imageSource"
+                     width="40px" />
             </div>
             <div class="title ellipsis-2-lines">
               {{ item.title }}

src/components/Widgets/FAQ/OptionPanel.vue

@@ -24,12 +24,10 @@
               عنوان موضوع
             </div>
             <q-input v-model="localOptions.topics[topicIndex].title" />
+
             <div>
-              آیکون موضوع
-            </div>
-            <div>
-              <icon-sax v-model:icon="localOptions.topics[topicIndex].icon"
-                        :select-type="'emit'" />
+              <div class="outsideLabel">عکس موضوع</div>
+              <image-uploader v-model:file="localOptions.topics[topicIndex].imageSource" />
             </div>
 
             <q-separator />
@@ -70,12 +68,12 @@
 <script>
 import { defineComponent } from 'vue'
 import { mixinOptionPanel } from 'quasar-ui-q-page-builder'
-import IconSax from 'src/pages/Document/IconSax.vue'
+import ImageUploader from 'src/components/ImageUploader.vue'
 import OptionPanelTabs from 'quasar-ui-q-page-builder/src/components/OptionPanelComponents/OptionPanelTabs.vue'
 
 export default defineComponent({
   name: 'OptionPanel',
-  components: { OptionPanelTabs, IconSax },
+  components: { OptionPanelTabs, ImageUploader },
   mixins: [mixinOptionPanel],
   data() {
     return {

src/components/Widgets/ImageWidget/OptionPanel.vue

@@ -7,10 +7,8 @@
       <div class="option-panel-container">
         <div class="row q-col-gutter-md">
           <div class="input-container col-12 q-mt-md">
-
-            <div class="outsideLabel">آدرس فایل عکس</div>
-            <q-input v-model="localOptions.imageSource"
-                     label="image" />
+            <div class="outsideLabel">آدرس عکس</div>
+            <image-uploader v-model:file="localOptions.imageSource" />
           </div>
           <!--          <div class="input-container q-py-md">-->
           <!--            <div class="outsideLabel">height</div>-->
@@ -106,11 +104,12 @@
 <script>
 import { defineComponent } from 'vue'
 import { mixinOptionPanel } from 'quasar-ui-q-page-builder'
+import ImageUploader from 'src/components/ImageUploader.vue'
 import OptionPanelTabs from 'quasar-ui-q-page-builder/src/components/OptionPanelComponents/OptionPanelTabs.vue'
 
 export default defineComponent({
   name: 'OptionPanel',
-  components: { OptionPanelTabs },
+  components: { OptionPanelTabs, ImageUploader },
   mixins: [mixinOptionPanel],
   data() {
     return {