/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/components/api/NameCell.vue
49 строк
947 B
Andrew Henry
docs: auto imports (#19223)
19 фев 2024, 23:22
Не верифицирован
19 фев 2024, 23:22
b177608
Код
Авторство
О чём код?
<template> <td :id="`${section}-${name.replace('$', '')}`"> <div class="d-inline-flex align-center"> <kbd class="name-item text-mono"> <AppLink :href="href" class="font-weight-bold"> {{ name }} </AppLink> </kbd> <new-in-chip v-if="newIn" :text="t('new-in', { version: newIn })" :to="to" /> </div> </td> </template> <script setup> const props = defineProps({ section: String, name: String, newIn: String, }) const { t } = useI18n() const href = computed(() => { return `#${props.section}-${props.name.replace('$', '')}` }) const to = computed(() => { return rpath(`/getting-started/release-notes/?version=v${props.newIn}`) }) </script> <style scoped> .app-link { margin-left: -14px; } .app-link :deep(.v-icon) { opacity: 0; margin: 0; } .app-link:hover :deep(.v-icon) { opacity: 1; } </style>