mirror of https://github.com/jdx/mise
43 lines
1.1 KiB
Vue
43 lines
1.1 KiB
Vue
<script setup>
|
|
import { data } from "/settings.data.ts";
|
|
import Setting from "/components/setting.vue";
|
|
const { child } = defineProps(["child", "level"]);
|
|
|
|
const settings = child
|
|
? (data.find((f) => f.key === child)?.settings ?? [])
|
|
: data;
|
|
</script>
|
|
|
|
<!-- <ul>-->
|
|
<!-- <li v-for="setting in settings">-->
|
|
<!-- <a v-if="!settings.settings" :href="`#${ setting.key }`"><code>{{ setting.key }}</code></a>-->
|
|
<!-- <ul v-if="setting.settings">-->
|
|
<!-- <li v-for="child in setting.settings">-->
|
|
<!-- <a :href="`#${ child.key }`"><code>{{ child.key }}</code></a>-->
|
|
<!-- </li>-->
|
|
<!-- </ul>-->
|
|
<!-- </li>-->
|
|
<!-- </ul>-->
|
|
|
|
<template>
|
|
<Setting
|
|
v-for="setting in settings.filter((f) => f.type)"
|
|
:setting="setting"
|
|
:key="setting.key"
|
|
:level="level"
|
|
/>
|
|
|
|
<div v-for="child in settings.filter((f) => !f.type)">
|
|
<h2 :id="child.key">
|
|
<code>{{ child.key }}</code>
|
|
<a :href="`#${child.key}`" class="header-anchor"></a>
|
|
</h2>
|
|
<Setting
|
|
v-for="setting in child.settings"
|
|
:setting="setting"
|
|
:key="setting.key"
|
|
:level="level + 1"
|
|
/>
|
|
</div>
|
|
</template>
|