2023-10-26 23:22:42 +02:00
|
|
|
<script setup></script>
|
2023-10-24 16:51:58 +02:00
|
|
|
<template>
|
2023-10-26 23:22:42 +02:00
|
|
|
<router-link to="/">Home</router-link> |
|
|
|
|
<router-link to="/about">About</router-link>
|
|
|
|
<router-view></router-view>
|
2023-10-24 16:51:58 +02:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<style scoped>
|
2023-10-26 23:22:42 +02:00
|
|
|
.logo {
|
|
|
|
height: 6em;
|
|
|
|
padding: 1.5em;
|
|
|
|
will-change: filter;
|
|
|
|
transition: filter 300ms;
|
|
|
|
}
|
|
|
|
.logo:hover {
|
|
|
|
filter: drop-shadow(0 0 2em #646cffaa);
|
|
|
|
}
|
|
|
|
.logo.vue:hover {
|
|
|
|
filter: drop-shadow(0 0 2em #42b883aa);
|
|
|
|
}
|
2023-10-24 16:51:58 +02:00
|
|
|
</style>
|