From efe7d639c15b0318eef45b581fa747b9b466c9af Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Mon, 9 Jan 2023 11:32:49 +0000
Subject: [PATCH] feat: enable virtual scroller by default (#892)

---
 components/timeline/TimelinePaginator.vue | 2 +-
 composables/settings/featureFlags.ts      | 4 ++--
 pages/settings/preferences/index.vue      | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/timeline/TimelinePaginator.vue b/components/timeline/TimelinePaginator.vue
index ea013bee..c3146093 100644
--- a/components/timeline/TimelinePaginator.vue
+++ b/components/timeline/TimelinePaginator.vue
@@ -14,7 +14,7 @@ const { paginator, stream, account, buffer = 10 } = defineProps<{
 }>()
 
 const { formatNumber } = useHumanReadableNumber()
-const virtualScroller = $(useFeatureFlag('experimentalVirtualScroll'))
+const virtualScroller = $(useFeatureFlag('experimentalVirtualScroller'))
 
 const showOriginSite = $computed(() =>
   account && account.id !== currentUser.value?.account.id && getServerName(account) !== currentServer.value,
diff --git a/composables/settings/featureFlags.ts b/composables/settings/featureFlags.ts
index c43cd22d..611f6a77 100644
--- a/composables/settings/featureFlags.ts
+++ b/composables/settings/featureFlags.ts
@@ -2,14 +2,14 @@ import type { Ref } from 'vue'
 import { userSettings } from '.'
 
 export interface FeatureFlags {
-  experimentalVirtualScroll: boolean
+  experimentalVirtualScroller: boolean
   experimentalGitHubCards: boolean
   experimentalUserPicker: boolean
 }
 export type FeatureFlagsMap = Record<string, FeatureFlags>
 
 const DEFAULT_FEATURE_FLAGS: FeatureFlags = {
-  experimentalVirtualScroll: false,
+  experimentalVirtualScroller: true,
   experimentalGitHubCards: true,
   experimentalUserPicker: true,
 }
diff --git a/pages/settings/preferences/index.vue b/pages/settings/preferences/index.vue
index bf92fd37..9981b4da 100644
--- a/pages/settings/preferences/index.vue
+++ b/pages/settings/preferences/index.vue
@@ -18,8 +18,8 @@ useHeadFixed({
       {{ $t('settings.feature_flags.title') }}
     </h3>
     <SettingsToggleItem
-      :checked="getFeatureFlag('experimentalVirtualScroll')"
-      @click="toggleFeatureFlag('experimentalVirtualScroll')"
+      :checked="getFeatureFlag('experimentalVirtualScroller')"
+      @click="toggleFeatureFlag('experimentalVirtualScroller')"
     >
       {{ $t('settings.feature_flags.virtual_scroll') }}
     </SettingsToggleItem>