fix: type issue

Author: pujitm

web/_data/serverState.ts

@@ -193,7 +193,7 @@ const baseServerState: Server = {
   wanFQDN: '',
 };
 
-type ServerSelector = 'default' | 'oemActivation';
+export type ServerSelector = 'default' | 'oemActivation';
 const defaultServer: ServerSelector = 'default';
 
 const servers: Record<ServerSelector, Server> = {

web/components/DevSettings.vue

@@ -0,0 +1,29 @@
+<script lang="ts" setup>
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Button,
+} from '@unraid/ui';
+
+import { CogIcon } from '@heroicons/vue/24/solid';
+</script>
+
+<template>
+    <Popover>
+    <PopoverTrigger as-child>
+      <Button type="button" variant="icon" class="fixed bottom-4 right-4 rounded-full bg-teal-500 z-50"><CogIcon class="size-6" /></Button>
+    </PopoverTrigger>
+    <PopoverContent>
+        <DummyServerSwitcher />
+    </PopoverContent>
+  </Popover>
+
+  
+</template>
+
+<style lang="postcss">
+/* Import unraid-ui globals first */
+@import '@unraid/ui/styles';
+@import '../assets/main.css';
+</style>

web/components/DummyServerSwitcher.vue

@@ -1,12 +1,12 @@
 <script lang="ts" setup>
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@unraid/ui';
-import { useDummyServerStore } from '~/_data/serverState';
+import { useDummyServerStore, type SelectorState } from '~/_data/serverState';
 
 const store = useDummyServerStore();
 const { selector, serverState } = storeToRefs(store);
 
 const updateSelector = (val: string) => {
-  selector.value = val;
+  selector.value = val as SelectorState;
 };
 </script>
 
@@ -23,7 +23,7 @@ const updateSelector = (val: string) => {
       </SelectTrigger>
       <SelectContent>
         <SelectItem value="default">Default</SelectItem>
-        <SelectItem value="oemActivation">OEM Activation</SelectItem>
+        <SelectItem value="oemActiviation">OEM Activation</SelectItem>
       </SelectContent>
     </Select>
   </div>

web/pages/index.vue

@@ -83,7 +83,6 @@ onMounted(() => {
       <client-only>
         <div class="flex flex-col gap-6 p-6">
           <DummyServerSwitcher />
-          <DevSettings />
           <ColorSwitcherCe />
           <h2 class="text-xl font-semibold font-mono">Vue Components</h2>
           <h3 class="text-lg font-semibold font-mono">UserProfileCe</h3>