chore: add demo
This commit is contained in:
parent
e6d92f9ba2
commit
cb7008fffb
|
|
@ -6,6 +6,7 @@ module.exports = {
|
||||||
extends: '@antfu',
|
extends: '@antfu',
|
||||||
|
|
||||||
rules: {
|
rules: {
|
||||||
|
'vue/one-component-per-file': 'off',
|
||||||
'vue/no-reserved-component-names': 'off',
|
'vue/no-reserved-component-names': 'off',
|
||||||
'symbol-description': 'off',
|
'symbol-description': 'off',
|
||||||
'no-console': 'warn',
|
'no-console': 'warn',
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,18 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import AccordionDemo from '@/registry/default/examples/AccordionDemo.vue'
|
import AccordionDemo from '@/registry/default/examples/AccordionDemo.vue'
|
||||||
import PopoverDemo from '@/registry/default/examples/PopoverDemo.vue'
|
import PopoverDemo from '@/registry/default/examples/PopoverDemo.vue'
|
||||||
|
import DialogDemo from '@/registry/default/examples/DialogDemo.vue'
|
||||||
|
import AlertDialogDemo from '@/registry/default/examples/AlertDialogDemo.vue'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="p-8 grid gap-8 grid-cols-3 place-items-center">
|
<div class="p-8 grid gap-12 grid-cols-3 place-items-center">
|
||||||
<AccordionDemo class="max-w-[20rem]" />
|
<AccordionDemo class="max-w-[20rem]" />
|
||||||
|
|
||||||
<PopoverDemo />
|
<PopoverDemo />
|
||||||
|
|
||||||
|
<DialogDemo />
|
||||||
|
|
||||||
|
<AlertDialogDemo />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user