first commit

playground/pages/guest.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>
+    Guest only page
+  </div>
+</template>
+
+<script setup lang="ts">
+definePageMeta({
+  middleware: ["guest"]
+})
+</script>

playground/pages/home.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import {useAuth} from "#imports";
+
+const {user, signOut} = await useAuth();
+
+definePageMeta({
+  middleware: ["auth"]
+})
+
+</script>
+
+<template>
+  <div v-if="user">
+    Hello {{ user.name }}
+
+    <button @click="signOut">
+      Sign Out
+    </button>
+  </div>
+</template>

playground/pages/index.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>
+    Index page
+    <nuxt-link to="/login">
+      Login
+    </nuxt-link>
+    <nuxt-link to="/guest">
+      Guest
+    </nuxt-link>
+  </div>
+</template>

playground/pages/login.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import {definePageMeta, useAuth} from "#imports";
+
+const {signIn} = await useAuth();
+
+definePageMeta({
+  middleware: ["auth"]
+})
+</script>
+
+<template>
+  <div>
+    <h1>Login</h1>
+    <button @click="signIn">
+      Sign In
+    </button>
+  </div>
+</template>