mirror of
https://github.com/beak-insights/felicity-lims.git
synced 2025-02-23 08:23:00 +08:00
27 lines
No EOL
934 B
Vue
27 lines
No EOL
934 B
Vue
<script setup lang="ts">
|
|
import { computed, defineAsyncComponent } from 'vue';
|
|
import { useLocationStore } from '@/stores';
|
|
const PageHeading = defineAsyncComponent(
|
|
() => import("@/components/common/FelPageHeading.vue")
|
|
)
|
|
|
|
const locationStore = useLocationStore()
|
|
const resetSelected = () => locationStore.updateConfRoute("");
|
|
const selectedRoute = computed(() => locationStore.getConfRoute)
|
|
</script>
|
|
|
|
<template>
|
|
<PageHeading title="Felicity Configurations" />
|
|
<div class="flex justify-start italic uppercase text-md text-gray-600 font-bold">
|
|
<span @click="resetSelected">
|
|
<router-link to="/admin" class="no-underline">
|
|
<h4 class="text-gray-600">Home:</h4>
|
|
</router-link>
|
|
</span>
|
|
<span v-if="selectedRoute" class="mx-4 font-extrabold">→</span>
|
|
<span class="text-gray-400"> {{ selectedRoute }}</span>
|
|
</div>
|
|
<hr class="my-4">
|
|
|
|
<router-view />
|
|
</template> |