owltide/app.vue

<template>
	<Header />
	<NuxtPage />
</template>

<script setup lang="ts">
import "~/assets/global.css";
const event = useRequestEvent();
const sessionStore = useSessionStore();
await callOnce("fetch-session", async () => {
	await sessionStore.fetch(event);
})
</script>
Setup defaut Nuxt template 2025-03-01 16:52:23 +01:00			`<template>`
Basic account and session system Provide a basic account system with login and server side session store identified by a cookie. Upon successful login a signed session cookie is set by the server with the session stored on the server identifying which account it is logged in as. The client uses a shared useFetch on the session endpoint to identify if it's logged in and which account it is logged in as, and refreshes this when loggin in or out. 2025-03-07 12:41:57 +01:00			`<Header />`
Port application from Next.js to Nuxt Nuxt is based on Vue.js and I find their building blocks to be much neater compared to the React based Next.js. 2025-03-05 15:36:50 +01:00			`<NuxtPage />`
Setup defaut Nuxt template 2025-03-01 16:52:23 +01:00			`</template>`
Port application from Next.js to Nuxt Nuxt is based on Vue.js and I find their building blocks to be much neater compared to the React based Next.js. 2025-03-05 15:36:50 +01:00
			`<script setup lang="ts">`
			`import "~/assets/global.css";`
Use a pinia store to manage session state Replace the convoluted useAccountSession composable with a pinia store that in addition allows for the consolidation of all session related functions to grouped into one module. 2025-05-24 17:53:33 +02:00			`const event = useRequestEvent();`
			`const sessionStore = useSessionStore();`
			`await callOnce("fetch-session", async () => {`
			`await sessionStore.fetch(event);`
			`})`
Port application from Next.js to Nuxt Nuxt is based on Vue.js and I find their building blocks to be much neater compared to the React based Next.js. 2025-03-05 15:36:50 +01:00			`</script>`