fix!: remove useHub() composable

Author: atinux

_demo/middleware/auth.ts

@@ -1,7 +1,7 @@
 export default defineNuxtRouteMiddleware(() => {
-  const { user } = useHub().auth
+  const { loggedIn } = useUserSession()
 
-  if (!user.value) {
+  if (!loggedIn.value) {
     return navigateTo('/')
   }
 })

_demo/pages/index.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-const { auth } = useHub()
 const { user } = useUserSession()
 </script>
 
@@ -10,8 +9,7 @@ const { user } = useUserSession()
         Todo List
       </h3>
       <UButton
-        v-if="!user" icon="i-simple-icons-github" label="Login with GitHub" color="black" external
-        @click="auth.loginWith('github', { redirectSuccess: '/todos' })"
+        v-if="!user" icon="i-simple-icons-github" label="Login with GitHub" color="black" external to="/auth/github"
       />
       <div v-else class="space-x-2">
         <UButton to="/todos" icon="i-heroicons-list-bullet" label="Go to Todos" color="black" />

_demo/pages/todos.vue

@@ -7,7 +7,7 @@ const newTodo = ref('')
 const newTodoInput = ref(null)
 
 const toast = useToast()
-const { user, logout } = useHub().auth
+const { user, clear } = useUserSession()
 const { data: todos } = await useFetch('/api/todos')
 
 async function addTodo () {
@@ -55,7 +55,7 @@ async function deleteTodo (todo) {
 const items = [[{
   label: 'Logout',
   icon: 'i-heroicons-arrow-left-on-rectangle',
-  click: logout
+  click: clear
 }]]
 </script>
 

_demo/server/plugins/auth.ts

@@ -0,0 +1,8 @@
+export default oauth.githubEventHandler({
+  async onSuccess(event, { user }) {
+    await setUserSession(event, {
+      user
+    })
+    return sendRedirect(event, '/')
+  }
+})