mirror of
https://github.com/unraid/api.git
synced 2026-01-04 15:39:52 -06:00
dd9983c8b7
<!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **Style** - Updated CSS file paths across multiple components to reference assets absolutely, ensuring consistent and reliable styling across the user interface. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
37 lines
1.2 KiB
Vue
37 lines
1.2 KiB
Vue
<script lang="ts" setup>
|
|
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@unraid/ui';
|
|
import { useDummyServerStore, type ServerSelector } from '~/_data/serverState';
|
|
|
|
const store = useDummyServerStore();
|
|
const { selector, serverState } = storeToRefs(store);
|
|
|
|
const updateSelector = (val: string) => {
|
|
selector.value = val as ServerSelector;
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex flex-col gap-2 border-solid border-2 p-2 border-r-2">
|
|
<h1 class="text-lg">Server State Selection</h1>
|
|
<details>
|
|
<summary>Initial Server State: {{ selector }}</summary>
|
|
<pre>{{ JSON.stringify(serverState, null, 4) }}</pre>
|
|
</details>
|
|
<Select v-model="selector" @update:model-value="updateSelector">
|
|
<SelectTrigger>
|
|
<SelectValue placeholder="Select an initial state" />
|
|
</SelectTrigger>
|
|
<SelectContent>
|
|
<SelectItem value="default">Default</SelectItem>
|
|
<SelectItem value="oemActiviation">OEM Activation</SelectItem>
|
|
</SelectContent>
|
|
</Select>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="postcss">
|
|
/* Import unraid-ui globals first */
|
|
@import '@unraid/ui/styles';
|
|
@import '~/assets/main.css';
|
|
</style>
|