diff --git a/FrontEnd/components/newComponent/sort/sort.vue b/FrontEnd/components/newComponent/sort/sort.vue
index e05c2d9..2a30d01 100644
--- a/FrontEnd/components/newComponent/sort/sort.vue
+++ b/FrontEnd/components/newComponent/sort/sort.vue
@@ -42,10 +42,10 @@
       <button class="btn-filter tw-text-transparent" @click="$emit('filter', true)">
         filter
       </button>
-      <select class="tw-py-[9px] tw-rounded-[10px]" name="sort_by" v-model="sort" @change="onChnage">
+      <select class="tw-py-[9px] tw-rounded-[10px]" name="sort_by" v-model="sort" @change="onChnage()">
         <option value="0">{{ $t("Select option") }}</option>
         <!-- <option v-for="(item, index) in sortType" :key="index" :value="item.value" :selected="sort = item.value"> -->
-        <option v-for="(item, index) in sortType" :key="index" :value="item.value">
+        <option v-for="(item, index) in sortType" :key=item.name :value="item.name">
           {{ $t(item.value) }}
         </option>
       </select>
@@ -66,8 +66,11 @@ export default {
     },
   },
   data() {
+
+    
     return {
       sort: this.sortBy ? this.sortBy : "0",
+      options: {}
     };
   },
   watch: {
@@ -78,14 +81,16 @@ export default {
     },
     sort: {
       handler: function () {
-        this.$emit("change", this.sort);
+        // this.$emit("change", this.sort);
+        this.$emit("sort", this.sort);
       },
     },
   },
   methods: {
     onClick(item) {
       this.sort = item.name;
-      this.$emit("sort", this.sort);
+      // console.log(this.sort);
+      // this.$emit("sort", this.sort);
     },
     onChnage() {
       this.$emit("sort", this.sort);