mirror/api
1
0
Fork 0
mirror of https://github.com/unraid/api.git synced 2025-12-31 13:39:52 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix: type error on element render

Browse Source
This commit is contained in:
Eli Bosley
2024-12-16 14:34:11 -05:00
parent 11ce9e2644
commit 45327ce01d
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/pages/index.vue
View File

@@ -12,6 +12,8 @@ import { serverState } from '~/_data/serverState';
import type { SendPayloads } from '~/store/callback'; import type { SendPayloads } from '~/store/callback';
import AES from 'crypto-js/aes'; import AES from 'crypto-js/aes';
import BrandButton from '~/components/Brand/Button.vue'; import BrandButton from '~/components/Brand/Button.vue';
import type { ButtonStyle } from '~/types/ui/button';
import type { UiBadgePropsColor } from '~/types/ui/badge';
const { registerEntry } = useCustomElements(); const { registerEntry } = useCustomElements();
onBeforeMount(() => { onBeforeMount(() => {
registerEntry('UnraidComponents'); registerEntry('UnraidComponents');
@@ -131,14 +133,14 @@ onMounted(() => {
<hr class="border-black dark:border-white" /> <hr class="border-black dark:border-white" />
<h2 class="text-xl font-semibold font-mono">Legacy Badge Components</h2> <h2 class="text-xl font-semibold font-mono">Legacy Badge Components</h2>
<template v-for="color in ['black', 'white', 'red', 'yellow', 'green', 'blue', 'indigo', 'purple', 'pink', 'orange', 'transparent', 'current', 'gray', 'custom']" :key="color"> <template v-for="color in ['black', 'white', 'red', 'yellow', 'green', 'blue', 'indigo', 'purple', 'pink', 'orange', 'transparent', 'current', 'gray', 'custom']" :key="color">
<UiBadge size="14px" :icon="ExclamationTriangleIcon" :color="color">{{ color }}</UiBadge> <UiBadge size="14px" :icon="ExclamationTriangleIcon" :color="color as UiBadgePropsColor">{{ color }}</UiBadge>
</template> </template>
</div> </div>
<div class="bg-background"> <div class="bg-background">
<hr class="border-black dark:border-white" /> <hr class="border-black dark:border-white" />
<h2 class="text-xl font-semibold font-mono">Legacy Button Components</h2> <h2 class="text-xl font-semibold font-mono">Legacy Button Components</h2>
<template v-for="color in ['black', 'fill', 'gray', 'outline', 'outline-black', 'outline-white', 'underline', 'underline-hover-red', 'white',]" :key="color"> <template v-for="color in ['black', 'fill', 'gray', 'outline', 'outline-black', 'outline-white', 'underline', 'underline-hover-red', 'white',]" :key="color">
<BrandButton type="button" size="14px" :icon="ExclamationTriangleIcon" :btn-style="color">{{ color }}</BrandButton> <BrandButton type="button" size="14px" :icon="ExclamationTriangleIcon" :btn-style="color as ButtonStyle">{{ color }}</BrandButton>
</template> </template>
</div> </div>
</div> </div>