<template>
  <!-- Unused -->
  <div>
    <nav>
      <div>
        <span class="has-text-white has-text-weight-bold my-4 mx-2">Administration</span>
      </div>
      <ul class="p-2">
        <li v-for="(link, i) in links" v-bind:key="i">
          <RouterLink :to="link.to">{{ link.text }}</RouterLink>
        </li>
      </ul>
    </nav>
    <div>
      <RouterView></RouterView>
    </div>
  </div>
</template>

<script setup lang="ts">
const links = [
  {
    text: 'Add Fund',
    to: '/admin/addfund',
  },
  {
    text: 'Modify Fund',
    to: '',
  },
  {
    text: 'Create Tag',
    to: '',
  },
];
</script>

<style scoped lang="stylus">
nav
  min-width 134px
  min-height 100vh

  li
    font-variant all-petite-caps
    font-size 18px
</style>
