nanakura/moeka-project
1
0
Fork 0
Code Issues Pull Requests 1 Actions 2 Packages Projects Releases Wiki Activity

refactor(docs): now transition= attribute will have types, fix more

Browse Source
This commit is contained in:
Neko Ayaka
2026-03-23 18:44:09 +08:00
parent c9552fc14b
commit c64f460a00
1 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/content/en/blog/DevLog-2025.08.01/CharacterShowcase.vue
+14 -12
View File
@@ -11,24 +11,26 @@ const { variant = 'default' } = defineProps<{
<div flex="~ col items-center gap-1 justify-start items-center"> <div flex="~ col items-center gap-1 justify-start items-center">
<div <div
b="~ 2" b="~ 2"
:class="{ :class="[
'b-solid b-primary/50 bg-primary/10 w-10': variant === 'active', variant === 'active' ? 'b-solid b-primary/50 bg-primary/10 w-10' : '',
'b-dotted b-primary/20 w-10': variant === 'dotted', variant === 'dotted' ? 'b-dotted b-primary/20 w-10' : '',
'b-dashed b-primary/20 w-10': variant === 'default', variant === 'default' ? 'b-dashed b-primary/20 w-10' : '',
'b-transparent bg-transparent': variant === 'connector', variant === 'connector' ? 'b-transparent bg-transparent' : '',
}" 'transition-all duration-150 ease-out',
h-10 rounded-lg text-lg 'h-10 rounded-lg text-lg',
flex="~ items-center justify-center" 'flex items-center justify-center',
transition="~ all duration-150 ease-out" ]"
> >
{{ value }} {{ value }}
</div> </div>
<div <div
v-if="codePoint || invisibleCodePoint" v-if="codePoint || invisibleCodePoint"
text-xs text="primary" font-mono :class="[
flex="~ col items-center justify-center" invisibleCodePoint ? 'invisible' : '',
:class="{ invisible: invisibleCodePoint }" 'text-xs text-primary font-mono',
'flex flex-col items-center justify-center',
]"
> >
<div v-for="char in value" :key="char"> <div v-for="char in value" :key="char">
{{ char.codePointAt(0)?.toString(16).toUpperCase() }} {{ char.codePointAt(0)?.toString(16).toUpperCase() }}