code-block-pro / build / shiki / samples / vue.sample

vue.sample in Code Block Pro – Beautiful Syntax Highlighting 1.27.3, at build/shiki/samples/vue.sample

46 lines 778 B

Raw Download Zip

1	<script setup>
2	import { ref } from 'vue'
3	import TreeItem from './TreeItem.vue'
4
5	const treeData = ref({
6	name: 'My Tree',
7	children: [
8	{ name: 'hello' },
9	{ name: 'world' },
10	{
11	name: 'child folder',
12	children: [
13	{
14	name: 'child folder',
15	children: [{ name: 'hello' }, { name: 'world' }]
16	},
17	{ name: 'hello' },
18	{ name: 'world' },
19	{
20	name: 'child folder',
21	children: [{ name: 'hello' }, { name: 'world' }]
22	}
23	]
24	}
25	]
26	})
27	</script>
28
29	<template>
30	<ul>
31	<TreeItem class="item" :model="treeData"></TreeItem>
32	</ul>
33	</template>
34
35	<style>
36	.item {
37	cursor: pointer;
38	line-height: 1.5;
39	}
40	.bold {
41	font-weight: bold;
42	}
43	</style>
44
45	// From https://vuejs.org/examples/#tree
46