chore: show the version of rayine-ui in the header

This commit is contained in:
Timothy Yin 2024-11-22 22:47:06 +08:00
parent e06d10ec2c
commit 421de5a89a
3 changed files with 14 additions and 6 deletions

View File

@ -2,6 +2,7 @@
// const appConfig = useAppConfig(); // const appConfig = useAppConfig();
// appConfig.rayui.primary = 'red'; // appConfig.rayui.primary = 'red';
const route = useRoute() const route = useRoute()
const runtimeConfig = useRuntimeConfig().public
</script> </script>
<template> <template>
@ -11,18 +12,18 @@ const route = useRoute()
> >
<NuxtLink to="/" class="text-neutral-900 dark:text-neutral-100"> <NuxtLink to="/" class="text-neutral-900 dark:text-neutral-100">
<h1 class="font-medium text-xl"> <h1 class="font-medium text-xl">
RayineSoft<sup class="text-sm"> &copy;</sup> RayineUI<sup class="text-xs">&nbsp;<span class="text-primary font-medium">{{ runtimeConfig.version }}</span></sup>
</h1> </h1>
<h2 class="font-normal text-xs"> <h2 class="font-normal text-xs">
Common Components RayineSoft Components Lib
</h2> </h2>
</NuxtLink> </NuxtLink>
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<NuxtLink <NuxtLink
to="/getting-started" to="https://github.com/HoshinoSuzumi/rayine-ui"
target="_blank"
class="text-neutral-400 dark:text-neutral-500" class="text-neutral-400 dark:text-neutral-500"
active-class="!text-neutral-700 dark:!text-neutral-300" >GitHub</NuxtLink>
>Docs</NuxtLink>
</div> </div>
</header> </header>
</template> </template>

View File

@ -3,6 +3,7 @@ import defaultTheme from 'tailwindcss/defaultTheme'
import colors from 'tailwindcss/colors' import colors from 'tailwindcss/colors'
import module from '../src/module' import module from '../src/module'
import { excludeColors } from '../src/runtime/utils/colors' import { excludeColors } from '../src/runtime/utils/colors'
import pkg from '../package.json'
const { resolve } = createResolver(import.meta.url) const { resolve } = createResolver(import.meta.url)
@ -34,6 +35,11 @@ export default defineNuxtConfig({
themes: ['material-theme-lighter', 'material-theme'], themes: ['material-theme-lighter', 'material-theme'],
}, },
}, },
runtimeConfig: {
public: {
version: pkg.version,
},
},
routeRules: { routeRules: {
'/components': { redirect: '/components/button' }, '/components': { redirect: '/components/button' },
}, },

View File

@ -3,6 +3,7 @@
"version": "1.2.0", "version": "1.2.0",
"description": "RayineSoft UI Components", "description": "RayineSoft UI Components",
"repository": "HoshinoSuzumi/rayine-ui", "repository": "HoshinoSuzumi/rayine-ui",
"homepage": "https://rayui.uniiem.com",
"license": "MIT", "license": "MIT",
"type": "module", "type": "module",
"exports": { "exports": {
@ -54,4 +55,4 @@
"vitest": "^2.1.5", "vitest": "^2.1.5",
"vue-tsc": "^2.1.10" "vue-tsc": "^2.1.10"
} }
} }