feat: enable virtual scroller by default (#892)

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,

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,
 }

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>