mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
Sandro Circi
240ff4266d
Co-authored-by: Benjamin Canac <canacb1@gmail.com> Co-authored-by: vercel[bot] <35613825+vercel[bot]@users.noreply.github.com>
37 lines
1016 B
Vue
37 lines
1016 B
Vue
<script setup lang="ts">
|
|
import type { TreeItem } from '@nuxt/ui'
|
|
|
|
const items = [
|
|
{
|
|
label: 'app/',
|
|
id: 'app',
|
|
children: [
|
|
{
|
|
label: 'composables/',
|
|
id: 'app/composables',
|
|
children: [
|
|
{ label: 'useAuth.ts', icon: 'i-vscode-icons-file-type-typescript' },
|
|
{ label: 'useUser.ts', icon: 'i-vscode-icons-file-type-typescript' }
|
|
]
|
|
},
|
|
{
|
|
label: 'components/',
|
|
id: 'app/components',
|
|
children: [
|
|
{ label: 'Card.vue', icon: 'i-vscode-icons-file-type-vue' },
|
|
{ label: 'Button.vue', icon: 'i-vscode-icons-file-type-vue' }
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{ label: 'app.vue', id: 'app.vue', icon: 'i-vscode-icons-file-type-vue' },
|
|
{ label: 'nuxt.config.ts', id: 'nuxt.config.ts', icon: 'i-vscode-icons-file-type-nuxt' }
|
|
] satisfies TreeItem[]
|
|
|
|
const expanded = ref(['app', 'app/composables'])
|
|
</script>
|
|
|
|
<template>
|
|
<UTree v-model:expanded="expanded" :items="items" :get-key="i => i.id" />
|
|
</template>
|