Name the application Owltide

The name is inspired by the watchful owl perching from the tree tops
with complete overview of all that's going on combined with -tide in
the sense it's used for in words like summertide and eastertide.

pages/about.vue

@@ -4,7 +4,7 @@
 -->
 <template>
 	<main>
-		<h1>About</h1>
+		<h1>About Owltide</h1>
 		<p>
 			This is a proof of concept intended to demonstrate the capabilities that web based scheduling tool can have. It implements a live editable schedule that can be used to collaboratively plan out the events times of a convention, as well as crew assignments to events and shift lists.
 		</p>
@@ -35,3 +35,9 @@
 		</ul>
 	</main>
 </template>
+
+<script lang="ts" setup>
+useHead({
+	title: "About",
+});
+</script>

pages/account/settings.vue

@@ -41,6 +41,9 @@
 definePageMeta({
 	middleware: ["authenticated"],
 });
+useHead({
+	title: "Settings",
+});
 
 const sessionStore = useSessionStore();
 const accountStore = useAccountStore();

pages/admin.vue

@@ -97,6 +97,10 @@
 </template>
 
 <script lang="ts" setup>
+useHead({
+	title: "Admin",
+});
+
 const tabs = [
 	{ id: "users", title: "Users" },
 	{ id: "database", title: "Database" },

pages/edit.vue

@@ -115,6 +115,9 @@ definePageMeta({
 	middleware: ["authenticated"],
 	allowedAccountTypes: ["crew", "admin"],
 });
+useHead({
+	title: "Edit",
+});
 
 const tabs = [
 	{ id: "locations", title: "Locations" },

pages/index.vue

@@ -4,7 +4,7 @@
 -->
 <template>
 	<main>
-		<h1>Schedule Demo</h1>
+		<h1>Owltide</h1>
 		<ul>
 			<li>
 				<NuxtLink to="/schedule">View Schedule</NuxtLink>
@@ -26,5 +26,8 @@
 </template>
 
 <script lang="ts" setup>
+useHead({
+	title: "Index",
+});
 const accountStore = useAccountStore();
 </script>

pages/login.vue

@@ -34,6 +34,10 @@
 </template>
 
 <script lang="ts" setup>
+useHead({
+	title: "Login",
+});
+
 const sessionStore = useSessionStore();
 const { getSubscription, subscribe } = usePushNotification();
 

pages/schedule.vue

@@ -70,6 +70,10 @@
 </template>
 
 <script setup lang="ts">
+useHead({
+	title: "Schedule",
+});
+
 const accountStore = useAccountStore();
 const usersStore = useUsersStore();
 await usersStore.fetch();