owltide/pages/edit.vue

<template>
	<main>
		<h1>Edit</h1>
		<h2>Locations</h2>
		<LocationsTable :edit="isAdmin" />
	</main>
</template>

<script lang="ts" setup>
definePageMeta({
	middleware: ["authenticated"],
	allowedAccountTypes: ["crew", "admin"],
});

const { data: session } = await useAccountSession();
const isAdmin = computed(() => session.value?.account.type === "admin")
</script>
Implement account type restricted page Add allowedAccountTypes page metadata which the authenticated middleware uses to further restrict the types of accounts that can access the page. If the account type is insufficent to access the page it will return an HTTP 403 Forbidden status, which is rendered using the error page. 2025-03-09 22:21:13 +01:00			`<template>`
			`<main>`
			`<h1>Edit</h1>`
Add editable LocationsTable 2025-03-11 14:12:33 +01:00			`<h2>Locations</h2>`
			`<LocationsTable :edit="isAdmin" />`
Implement account type restricted page Add allowedAccountTypes page metadata which the authenticated middleware uses to further restrict the types of accounts that can access the page. If the account type is insufficent to access the page it will return an HTTP 403 Forbidden status, which is rendered using the error page. 2025-03-09 22:21:13 +01:00			`</main>`
			`</template>`

			`<script lang="ts" setup>`
			`definePageMeta({`
			`middleware: ["authenticated"],`
			`allowedAccountTypes: ["crew", "admin"],`
Add editable LocationsTable 2025-03-11 14:12:33 +01:00			`});`

			`const { data: session } = await useAccountSession();`
			`const isAdmin = computed(() => session.value?.account.type === "admin")`
Implement account type restricted page Add allowedAccountTypes page metadata which the authenticated middleware uses to further restrict the types of accounts that can access the page. If the account type is insufficent to access the page it will return an HTTP 403 Forbidden status, which is rendered using the error page. 2025-03-09 22:21:13 +01:00			`</script>`