From a2da1b2ee14498f2c308aab2fe0341fbeeee927e Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Thu, 22 Dec 2022 02:32:08 +0000
Subject: [PATCH] fix: use reactive feature flags

resolves https://github.com/elk-zone/elk/issues/498
---
 components/nav/SelectFeatureFlags.vue | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/components/nav/SelectFeatureFlags.vue b/components/nav/SelectFeatureFlags.vue
index 9de3d085..0aa18737 100644
--- a/components/nav/SelectFeatureFlags.vue
+++ b/components/nav/SelectFeatureFlags.vue
@@ -1,31 +1,27 @@
-<script setup lang="ts">
-const featureFlags = useFeatureFlags()
-</script>
-
 <template>
   <CommonDropdown placement="top">
     <slot />
     <template #popper>
       <CommonDropdownItem
-        :checked="featureFlags.experimentalVirtualScroll"
+        :checked="currentUserFeatureFlags.experimentalVirtualScroll"
         @click="toggleFeatureFlag('experimentalVirtualScroll')"
       >
         {{ $t('feature_flag.virtual_scroll') }}
       </CommonDropdownItem>
       <CommonDropdownItem
-        :checked="featureFlags.experimentalAvatarOnAvatar"
+        :checked="currentUserFeatureFlags.experimentalAvatarOnAvatar"
         @click="toggleFeatureFlag('experimentalAvatarOnAvatar')"
       >
         {{ $t('feature_flag.avatar_on_avatar') }}
       </CommonDropdownItem>
       <CommonDropdownItem
-        :checked="featureFlags.experimentalGitHubCards"
+        :checked="currentUserFeatureFlags.experimentalGitHubCards"
         @click="toggleFeatureFlag('experimentalGitHubCards')"
       >
         {{ $t('feature_flag.github_cards') }}
       </CommonDropdownItem>
       <CommonDropdownItem
-        :checked="featureFlags.experimentalUserSwitcherSidebar"
+        :checked="currentUserFeatureFlags.experimentalUserSwitcherSidebar"
         @click="toggleFeatureFlag('experimentalUserSwitcherSidebar')"
       >
         {{ $t('feature_flag.user_switcher_sidebar') }}