<template>
  <SidebarLayout>
    <template #sidebar>
      <SidebarTemplate mainTitle="Dokumentation">
        <template #list>
          <RoutingLink title="FF Admin" :link="{ name: 'docs-page', params: { page: 'ff-admin' } }" :active="page == 'ff-admin'" />
        </template>
      </SidebarTemplate>
    </template>
    <template #main>
      <RouterView />
    </template>
  </SidebarLayout>
</template>

<script setup lang="ts">
import { defineComponent } from "vue";
import SidebarLayout from "@/layouts/Sidebar.vue";
import SidebarTemplate from "@/templates/Sidebar.vue";
import RoutingLink from "@/components/admin/RoutingLink.vue";
</script>

<script lang="ts">
export default defineComponent({
  props: {
    page: String
  },
  computed: {
    activeRouteName() {
      return this.$route.name;
    },
  },
});
</script>
