46 lines
626 B
Vue
46 lines
626 B
Vue
<template>
|
|
<div class="container">
|
|
<h1>Liste des pages Story</h1>
|
|
<ul>
|
|
<li v-for="page in pages" :key="page.name">
|
|
<NuxtLink :to="`/story/${page.name}`">
|
|
{{ page.name }}
|
|
</NuxtLink>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
const pages = [
|
|
{ name: 'holo' },
|
|
{ name: 'mix' },
|
|
{ name: 'test' }
|
|
]
|
|
</script>
|
|
|
|
<style scoped>
|
|
.container {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
padding: 2rem;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
li {
|
|
margin: 0.5rem 0;
|
|
}
|
|
|
|
a {
|
|
color: #2563eb;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
</style> |