diff --git a/webui/src/components/ab-search-bar.vue b/webui/src/components/ab-search-bar.vue
index 4f20917c..4dfaff2b 100644
--- a/webui/src/components/ab-search-bar.vue
+++ b/webui/src/components/ab-search-bar.vue
@@ -1,7 +1,6 @@
 <script lang="ts" setup>
 import {ref} from 'vue';
 import {vOnClickOutside} from "@vueuse/components";
-import {BangumiRule} from "#/bangumi";
 
 defineEmits(['add-bangumi']);
 const showProvider = ref(false);
@@ -25,11 +24,6 @@ function onSelect(site: string) {
   provider.value = site;
   showProvider.value = false;
 }
-
-function throwID(bangumi: BangumiRule) {
-  bangumi.id = null
-  return bangumi
-}
 </script>
 
 
@@ -75,11 +69,11 @@ function throwID(bangumi: BangumiRule) {
       abs top-84px left-192px z-8
   >
     <transition-group name="list" tag="ul" space-y-12px>
-      <li v-for="bangumi in bangumiList" :key="bangumi.id">
+      <li v-for="bangumi in bangumiList" :key="bangumi.order">
         <ab-bangumi-card
-            :bangumi="bangumi"
+            :bangumi="bangumi.value"
             type="search"
-            @click="() => $emit('add-bangumi', throwID(bangumi))"
+            @click="() => $emit('add-bangumi', bangumi.value)"
         />
       </li>
     </transition-group>
diff --git a/webui/src/store/search.ts b/webui/src/store/search.ts
index c4f74730..98f1a5fd 100644
--- a/webui/src/store/search.ts
+++ b/webui/src/store/search.ts
@@ -5,11 +5,11 @@ import {
     debounceTime,
     switchMap, tap,
 } from "rxjs";
-import type {BangumiRule} from "#/bangumi";
+import type {BangumiRule, SearchResult} from "#/bangumi";
 
 
 export function useSearchStore() {
-    const bangumiList = ref<BangumiRule[]>([]);
+    const bangumiList = ref<SearchResult[]>([]);
     const inputValue = ref<string>('');
 
     const providers = ref<string[]>(['mikan', 'dmhy', 'nyaa']);
@@ -49,8 +49,11 @@ export function useSearchStore() {
                 : EMPTY
         }),
         tap((bangumi: BangumiRule) => {
-            bangumi.id = bangumiList.value.length;
-            bangumiList.value.push(bangumi);
+            const result: SearchResult = {
+                order: bangumiList.value.length + 1,
+                value: bangumi,
+            }
+            bangumiList.value.push(result);
         }),
     ).subscribe()
 
diff --git a/webui/types/bangumi.ts b/webui/types/bangumi.ts
index 0bb31e4e..b11950bd 100644
--- a/webui/types/bangumi.ts
+++ b/webui/types/bangumi.ts
@@ -30,6 +30,11 @@ export interface BangumiAPI extends Omit<BangumiRule, 'filter' | 'rss_link'> {
     rss_link: string;
 }
 
+export interface SearchResult {
+    order: number;
+    value: BangumiRule;
+}
+
 export type BangumiUpdate = Omit<BangumiAPI, 'id'>;
 
 export const ruleTemplate: BangumiRule = {