Add page title

src/app.vue

@@ -4,3 +4,11 @@
 	</NuxtLayout>
 	<Toast />
 </template>
+
+<script setup lang="ts">
+useHead({
+	titleTemplate: (titleChunk) => {
+		return titleChunk ? `${titleChunk} - website-vue` : 'website-vue';
+	}
+})
+</script>

src/pages/articles/index.vue

@@ -2,12 +2,12 @@
 	<div>
 		<h1>Articles</h1>
 		<ul>
-			<li v-for="article in articles" :key="article._path">
+			<li v-for="article in articles" :key="article.path">
 				<NuxtLink :to="article.path">{{ article.title }}</NuxtLink>
 			</li>
 		</ul>
 
-		<div v-for="article in articles" :key="article._path">
+		<div v-for="article in articles" :key="article.path">
 			<pre>{{ article }}</pre>
 		</div>
 	</div>