diff --git a/src/pages/recommend.vue b/src/pages/recommend.vue
index 393932b8..7e9d526b 100644
--- a/src/pages/recommend.vue
+++ b/src/pages/recommend.vue
@@ -247,8 +247,8 @@ onActivated(async () => {
           <p class="settings-hint">{{ t('recommend.selectContentToDisplay') }}</p>
           <div class="settings-grid">
             <div
-              v-for="(item, index) in viewList"
-              :key="index"
+              v-for="item in viewList"
+              :key="item.title"
               class="setting-item"
               :class="{
                 'enabled': enableConfig[item.title],