37 lines
752 B
Vue
37 lines
752 B
Vue
<script setup>
|
|
import { computed } from "vue";
|
|
import { useRoute } from "vue-router";
|
|
|
|
const route = useRoute();
|
|
|
|
const parentPath = computed(() => {
|
|
const segments = route.path.split("/").filter(Boolean);
|
|
if (segments.length == 1) {
|
|
return "/";
|
|
} else {
|
|
segments.pop();
|
|
return segments.length ? "/" + segments.join("/") : null;
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<nav class="left flex-col">
|
|
<RouterLink class="bdr-2" to="/">
|
|
<a>HOME</a>
|
|
</RouterLink>
|
|
<RouterLink class="bdr-2" v-if="parentPath" :to="parentPath">
|
|
<a>UP</a>
|
|
</RouterLink>
|
|
</nav>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.left {
|
|
width: 5vw;
|
|
position: sticky;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
</style>
|