Files
clerk-demo/web/pages/index.vue

39 lines
755 B
Vue

<script setup lang="ts">
import { useGet } from "~/composables/useGet";
const publicResult = await useGet('/public')
const identifiedResult = await useGet('/identify-yourself')
const allowedResult = await useGet('/do-you-have-permission')
const thingsResult = await useGet('/things')
console.log('something')
</script>
<template>
<div>
<header>
<SignedIn>
<UserButton />
</SignedIn>
<SignedOut>
<SignInButton />
</SignedOut>
</header>
<main>
<div>
public: {{ publicResult.data }}
</div>
<div>
identified: {{ identifiedResult.data }}
</div>
<div>
allowed: {{ allowedResult.data }}
</div>
<div>
things: {{ thingsResult.data }}
</div>
</main>
</div>
</template>
<style scoped></style>