* Initial plan * Initial exploration and setup Co-authored-by: aonoa <32682251+aonoa@users.noreply.github.com> * Add support for separate light and dark theme logos Co-authored-by: aonoa <32682251+aonoa@users.noreply.github.com> * Update documentation with dark theme logo configuration Co-authored-by: aonoa <32682251+aonoa@users.noreply.github.com> * feat: Add theme-aware logo support for authentication/login page Co-authored-by: aonoa <32682251+aonoa@users.noreply.github.com> * revert: .npmrc Signed-off-by: aonoa <1991849113@qq.com> --------- Signed-off-by: aonoa <1991849113@qq.com> Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: aonoa <32682251+aonoa@users.noreply.github.com> Co-authored-by: Li Kui <90845831+likui628@users.noreply.github.com> Co-authored-by: aonoa <1991849113@qq.com>
26 lines
681 B
Vue
26 lines
681 B
Vue
<script lang="ts" setup>
|
|
import { computed } from 'vue';
|
|
|
|
import { AuthPageLayout } from '@vben/layouts';
|
|
import { preferences } from '@vben/preferences';
|
|
|
|
import { $t } from '#/locales';
|
|
|
|
const appName = computed(() => preferences.app.name);
|
|
const logo = computed(() => preferences.logo.source);
|
|
const logoDark = computed(() => preferences.logo.sourceDark);
|
|
</script>
|
|
|
|
<template>
|
|
<AuthPageLayout
|
|
:app-name="appName"
|
|
:logo="logo"
|
|
:logo-dark="logoDark"
|
|
:page-description="$t('authentication.pageDesc')"
|
|
:page-title="$t('authentication.pageTitle')"
|
|
>
|
|
<!-- 自定义工具栏 -->
|
|
<!-- <template #toolbar></template> -->
|
|
</AuthPageLayout>
|
|
</template>
|