Files
api/web/pages/webComponents.vue
2023-11-01 13:36:17 -07:00

66 lines
2.1 KiB
Vue

<script lang="ts" setup>
import { serverState } from '~/_data/serverState';
const nuxtApp = useNuxtApp();
onBeforeMount(() => {
// @ts-ignore
nuxtApp.$customElements.registerEntry('UnraidComponents');
});
</script>
<template>
<client-only>
<unraid-i18n-host class="flex flex-col gap-6 p-6 max-w-5xl mx-auto text-black bg-white dark:text-white dark:bg-black">
<h2 class="text-xl font-semibold font-mono">
Web Components
</h2>
<h3 class="text-lg font-semibold font-mono">
UserProfileCe
</h3>
<header class="bg-beta py-4">
<unraid-user-profile :server="JSON.stringify(serverState)" />
</header>
<hr class="border-black dark:border-white">
<h3 class="text-lg font-semibold font-mono">
DownloadApiLogsCe
</h3>
<unraid-download-api-logs />
<hr class="border-black dark:border-white">
<h3 class="text-lg font-semibold font-mono">
AuthCe
</h3>
<unraid-auth />
<hr class="border-black dark:border-white">
<h3 class="text-lg font-semibold font-mono">
WanIpCheckCe
</h3>
<unraid-wan-ip-check php-wan-ip="47.184.85.45" />
<hr class="border-black dark:border-white">
<h3 class="text-lg font-semibold font-mono">
HeaderOsVersion
</h3>
<unraid-header-os-version />
<hr class="border-black dark:border-white">
<h3 class="text-lg font-semibold font-mono">
UpdateOsCe
</h3>
<unraid-update-os />
<hr class="border-black dark:border-white">
<h3 class="text-lg font-semibold font-mono">
DowngradeOsCe
</h3>
<unraid-downgrade-os restore-release-date="2022-10-10" restore-version="6.11.2" />
<hr class="border-black dark:border-white">
<h3 class="text-lg font-semibold font-mono">
RegistrationCe
</h3>
<unraid-registration />
<hr class="border-black dark:border-white">
<h3 class="text-lg font-semibold font-mono">
ModalsCe
</h3>
<unraid-modals />
</unraid-i18n-host>
</client-only>
</template>