components/TaskForm.vue

@@ -117,7 +117,7 @@
           class="col-6"
           style="color: #97f295 !important"
         >
-          <!-- <multiselect
+          <multiselect
             v-model.number="taskForm.organ"
             class="multiselect Organ Organ-mobile"
             tag-placeholder="Add this as new tag"
@@ -131,13 +131,13 @@
             :preserve-search="true"
             @tag="addTagOrgan"
             @select="organSelect"
-          ></multiselect> -->
+          ></multiselect>
           <!-- <pre
                         class="language-json"
                     ><code>{{ taskForm.category  }}</code></pre> -->
         </div>
         <div class="col-6">
-          <!-- <multiselect
+          <multiselect
             id="task-Form-category"
             v-model.number="taskForm.category"
             tag-placeholder="Add this as new tag"
@@ -150,7 +150,7 @@
             :max-height="250"
             :preserve-search="true"
             @tag="addTagCategury"
-          ></multiselect> -->
+          ></multiselect>
         </div>
         <!-- </vue-tribute> -->
       </div>
@@ -158,7 +158,7 @@
       <div
         class="col-12 label-4 main-page_body-items items items-bottom d-flex align-items-center mb-1"
       >
-        <!-- <vue-tribute class="col-5 ps-0 pe-0" :options="tributeOptions">
+        <vue-tribute class="col-5 ps-0 pe-0" :options="tributeOptions">
           <input
             class="label-1 form-control task-form-control task-title"
             placeholder="عنوان"
@@ -168,7 +168,7 @@
             @tribute-no-match="noMatchFound"
             @tribute-replaced="textReplaced"
           />
-        </vue-tribute> -->
+        </vue-tribute>
         <input
           v-model="taskForm.duration"
           ref="duration2"
@@ -216,7 +216,7 @@ import taskApi from "@task/apis/taskApi";
 import { mapState, mapActions } from "pinia";
 
 import { useSearchStore } from "@task/stores/searchStore";
-// import VueTribute from "vue-tribute";
+import VueTribute from "vue-tribute";
 
 export default {
   props: {
@@ -470,8 +470,8 @@ export default {
     },
   },
   components: {
-    // VueTribute: () => import("vue-tribute"),
-    // Multiselect: () => import("vue-multiselect"),
+    VueTribute: () => import("vue-tribute"),
+    Multiselect: () => import("vue-multiselect"),
   },
 };
 </script>

stores/searchStore.ts

@@ -95,12 +95,12 @@ export const useSearchStore = defineStore("searchStore", {
     // },
 
     // search page
-    // searchActiveTabGetter(state) {
-    //   return state.searchActiveTab;
-    // },
-    // searchSchemaGetter(state) {
-    //   return state.searchSchema;
-    // },
+    searchActiveTabGetter(state) {
+      return state.searchActiveTab;
+    },
+    searchSchemaGetter(state) {
+      return state.searchSchema;
+    },
 
     searchActiveSchemaGetter(state) {
       return state.searchActiveSchema;