diff --git a/src/contentScripts/views/Home/Home.vue b/src/contentScripts/views/Home/Home.vue
index fc868e97d..c558d14ca 100644
--- a/src/contentScripts/views/Home/Home.vue
+++ b/src/contentScripts/views/Home/Home.vue
@@ -206,18 +206,18 @@ function toggleTabContentLoading(loading: boolean) {
style="backdrop-filter: var(--bew-filter-glass-1)"
px-4 lh-35px h-35px bg="$bew-elevated-1 hover:$bew-elevated-1-hover" rounded="$bew-radius"
cursor-pointer shadow="$bew-shadow-1" box-border border="1 $bew-border-color" duration-300
- flex="~ gap-2 items-center" transform-gpu
+ flex="~ gap-2 items-center" relative
@click="handleChangeTab(tab)"
>
{{ $t(tab.i18nKey) }}
-
+
+
+
+
@@ -251,7 +251,6 @@ function toggleTabContentLoading(loading: boolean) {
/>
-
diff --git a/src/stores/mainStore.ts b/src/stores/mainStore.ts
index d0d1e28cb..7032b5259 100644
--- a/src/stores/mainStore.ts
+++ b/src/stores/mainStore.ts
@@ -26,8 +26,8 @@ export const useMainStore = defineStore('main', () => {
]
})
- const homeTabs = computed((): HomeTab[] => {
- return [
+ const homeTabs = shallowReadonly(
+ [
{
i18nKey: 'home.for_you',
page: HomeSubPage.ForYou,
@@ -48,8 +48,8 @@ export const useMainStore = defineStore('main', () => {
i18nKey: 'home.ranking',
page: HomeSubPage.Ranking,
},
- ]
- })
+ ],
+ )
return { dockItems, homeTabs }
})