mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 12:14:41 +01:00
6da0db0113
Co-authored-by: Daniel Roe <daniel@roe.dev> Co-authored-by: Sébastien Chopin <seb@nuxt.com>
21 lines
519 B
Vue
21 lines
519 B
Vue
<template>
|
|
<kbd class="inline-flex items-center justify-center font-sans font-semibold px-1 h-5 min-w-[20px] text-[11px] rounded !my-0 align-text-top ring-1 ring-gray-300 dark:ring-gray-700">
|
|
<ClientOnly>
|
|
{{ shortcut }}
|
|
</ClientOnly>
|
|
</kbd>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const props = defineProps({
|
|
value: {
|
|
type: String,
|
|
required: true
|
|
}
|
|
})
|
|
|
|
const { metaSymbol } = useShortcuts()
|
|
|
|
const shortcut = computed(() => props.value === 'meta' ? metaSymbol.value : props.value)
|
|
</script>
|