/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/components/getting-started/WireframeExamples.vue
40 строк
869 B
John Leider
chore: add vue/attributes-order eslint rule
29 фев 2024, 07:06
29 фев 2024, 07:06
65aff8f
Код
Авторство
О чём код?
<template> <v-row> <v-col v-for="([name, wireframe], i) in wireframes" :key="i" cols="12" lg="4" md="6" > <router-link :to="rpath(`/wireframes/${wireframe}/`)" class="text-decoration-none" rel="nofollow noopener" target="_blank" > <AppFigure :alt="`${name} layout`" :aspect-ratio="16/9" :src="`https://cdn.vuetifyjs.com/docs/images/wireframes/${wireframe}.svg`" :title="name" class="border" /> </router-link> </v-col> </v-row> </template> <script setup> const wireframes = [ 'Baseline', 'Extended toolbar', 'System bar', 'Inbox', 'Constrained', 'Side navigation', 'Three column', 'Discord', 'Steam', ].map(wireframe => ([wireframe, kebabCase(wireframe)])) </script>