From 21078112c083d43e94d9e31fe438ec441c1f4f4d Mon Sep 17 00:00:00 2001
From: kevin olson <acidjazz@gmail.com>
Date: Mon, 2 Sep 2024 01:25:00 -0500
Subject: [PATCH 1/7] =?UTF-8?q?=F0=9F=8E=A8=20attempt=20at=20a=20label?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/logo/LogoText.vue |  3 ++-
 app/layouts/default.vue          |  4 ----
 app/pages/label.vue              | 22 ++++++++++++++++++++++
 server/api/[...slug].ts          |  5 ++---
 4 files changed, 26 insertions(+), 8 deletions(-)
 create mode 100644 app/pages/label.vue

diff --git a/app/components/logo/LogoText.vue b/app/components/logo/LogoText.vue
index adf4374..b963357 100644
--- a/app/components/logo/LogoText.vue
+++ b/app/components/logo/LogoText.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="flex items-center">
     <div class="font-extrabold text-primary-900 dark:text-primary-100">fume</div>
-    <div class="font-extrabold text-primary-600 dark:text-primary-300 -ml-1">bio</div>
+    <div class="font-extrabold text-primary-900 dark:text-primary-700 -mx-1">.</div>
+    <div class="font-extrabold text-primary-600 dark:text-primary-300">bio</div>
   </div>
 </template>
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index e3a34e9..32c2437 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,7 +1,3 @@
-<script setup lang="ts">
-
-</script>
-
 <template>
   <div>
     <header-main />
diff --git a/app/pages/label.vue b/app/pages/label.vue
new file mode 100644
index 0000000..d1f4489
--- /dev/null
+++ b/app/pages/label.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: 'bare',
+})
+</script>
+
+<template>
+  <div>
+    <div class="flex items-start">
+      <logo-bio class="w-52 h-52" />
+      <div class="flex flex-col space-y-3 my-3">
+        <logo-text class="text-8xl" />
+        <div class="bg-sky-300 text-right w-full py-2 px-6 text-3xl font-extrabold">
+          <span class="text-sky-700"> tirz </span>
+          <span class="text-sky-900"> 20mg </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/server/api/[...slug].ts b/server/api/[...slug].ts
index 89f91b3..5576aac 100644
--- a/server/api/[...slug].ts
+++ b/server/api/[...slug].ts
@@ -1,13 +1,13 @@
 import { createRouter, useBase } from 'h3'
+import { githubHandler, googleHandler, microsoftHandler } from '../controllers/oauth'
+import { withApiUtils } from '../lib/api'
 import token from '../controllers/token'
 import pen from '../controllers/pen'
 import cartridge from '../controllers/cartridge'
 import shot from '../controllers/shot'
 import user from '../controllers/user'
-import { withApiUtils } from '../lib/api'
 import test from '../controllers/test'
 import logout from '../controllers/logout'
-import { githubHandler, googleHandler, microsoftHandler } from '../controllers/oauth'
 import type { Cartridge, Pen, Shot, Token, User } from '~/types/models'
 
 const router = withApiUtils(createRouter())
@@ -27,7 +27,6 @@ router.get('/oauth/microsoft', microsoftHandler)
 router.get('/logout', logout)
 
 router.apiResource<{ token: Token }>('/token', token)
-
 router.apiResource<{ user: User, pen: Pen }>('/user/{user}/pen', pen)
 router.apiResource<{ user: User, cartridge: Cartridge }>('/user/{user}/cartridge', cartridge)
 router.apiResource<{ user: User, shot: Shot }>('/user/{user}/shot', shot)

From aa0c0a24a79e9908be90b4471860d55e3cfc18a7 Mon Sep 17 00:00:00 2001
From: kevin olson <acidjazz@gmail.com>
Date: Mon, 2 Sep 2024 16:42:41 -0500
Subject: [PATCH 2/7] =?UTF-8?q?=F0=9F=9A=A7=20more=20label=20fun?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/pages/label.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/label.vue b/app/pages/label.vue
index d1f4489..29d34f2 100644
--- a/app/pages/label.vue
+++ b/app/pages/label.vue
@@ -5,7 +5,7 @@ definePageMeta({
 </script>
 
 <template>
-  <div>
+  <div class="w-screen h-screen flex items-center justify-center">
     <div class="flex items-start">
       <logo-bio class="w-52 h-52" />
       <div class="flex flex-col space-y-3 my-3">

From b88930d63e556765c1a09d4f9915dc1f995f44c2 Mon Sep 17 00:00:00 2001
From: kevin olson <acidjazz@gmail.com>
Date: Mon, 2 Sep 2024 17:11:13 -0500
Subject: [PATCH 3/7] =?UTF-8?q?=F0=9F=9A=A7=20lets=20see=20if=20we=20rever?=
 =?UTF-8?q?t?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/pages/home.vue  | 18 ++++++++++--------
 app/pages/label.vue |  4 ++--
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/app/pages/home.vue b/app/pages/home.vue
index 912415f..cf79f86 100644
--- a/app/pages/home.vue
+++ b/app/pages/home.vue
@@ -29,13 +29,15 @@ const reload = async () => {
 </script>
 
 <template>
-  <div v-if="loggedIn && pens?.data.length === 0" class="w-full max-w-md mx-auto">
-    <u-alert
-      icon="i-mdi-clock"
-      title="Awaiting Implementation"
-      description="We are still setting up your account, check back soon!"
-      :actions="[{ label: 'Refresh', icon: 'i-mdi-refresh', onClick: reload, variant: 'solid' }]"
-    />
+  <div>
+    <div v-if="loggedIn && pens?.data.length === 0" class="w-full max-w-md mx-auto">
+      <u-alert
+        icon="i-mdi-clock"
+        title="Awaiting Implementation"
+        description="We are still setting up your account, check back soon!"
+        :actions="[{ label: 'Refresh', icon: 'i-mdi-refresh', onClick: reload, variant: 'solid' }]"
+      />
+    </div>
+    <pen-list v-else-if="pens && cartridges" :pens="pens?.data" :cartridges="cartridges?.data" readonly @reload="reload" />
   </div>
-  <pen-list v-else-if="pens && cartridges" :pens="pens?.data" :cartridges="cartridges?.data" readonly @reload="reload" />
 </template>
diff --git a/app/pages/label.vue b/app/pages/label.vue
index 29d34f2..cef94e8 100644
--- a/app/pages/label.vue
+++ b/app/pages/label.vue
@@ -6,10 +6,10 @@ definePageMeta({
 
 <template>
   <div class="w-screen h-screen flex items-center justify-center">
-    <div class="flex items-start">
+    <div class="flex items-start bg-red-500" style="width: 80mm; height: 80mm; ">
       <logo-bio class="w-52 h-52" />
       <div class="flex flex-col space-y-3 my-3">
-        <logo-text class="text-8xl" />
+        <logo-text class="text-5xl" />
         <div class="bg-sky-300 text-right w-full py-2 px-6 text-3xl font-extrabold">
           <span class="text-sky-700"> tirz </span>
           <span class="text-sky-900"> 20mg </span>

From 0c28aa3094e15cce98005607ffe8286acfbbcd31 Mon Sep 17 00:00:00 2001
From: kevin olson <acidjazz@gmail.com>
Date: Mon, 2 Sep 2024 17:23:24 -0500
Subject: [PATCH 4/7] =?UTF-8?q?=F0=9F=9A=A7=20kill=20me=20now?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/logo/LogoText.vue | 2 +-
 app/pages/label.vue              | 3 ++-
 nuxt.config.ts                   | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/components/logo/LogoText.vue b/app/components/logo/LogoText.vue
index b963357..d377393 100644
--- a/app/components/logo/LogoText.vue
+++ b/app/components/logo/LogoText.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex items-center">
     <div class="font-extrabold text-primary-900 dark:text-primary-100">fume</div>
-    <div class="font-extrabold text-primary-900 dark:text-primary-700 -mx-1">.</div>
+    <div class="font-extrabold text-primary-900 dark:text-primary-200 -mx-1">.</div>
     <div class="font-extrabold text-primary-600 dark:text-primary-300">bio</div>
   </div>
 </template>
diff --git a/app/pages/label.vue b/app/pages/label.vue
index cef94e8..0b480fd 100644
--- a/app/pages/label.vue
+++ b/app/pages/label.vue
@@ -2,11 +2,12 @@
 definePageMeta({
   layout: 'bare',
 })
+const dims = { width: 45, height: 20 }
 </script>
 
 <template>
   <div class="w-screen h-screen flex items-center justify-center">
-    <div class="flex items-start bg-red-500" style="width: 80mm; height: 80mm; ">
+    <div class="flex items-center border border-white" :style="`width: ${dims.width * 4}mm; height: ${dims.height * 4}mm;` ">
       <logo-bio class="w-52 h-52" />
       <div class="flex flex-col space-y-3 my-3">
         <logo-text class="text-5xl" />
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 366d8ec..bf5f6be 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,6 +1,6 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  devtools: { enabled: true },
+  // devtools: { enabled: true },
   extends: ['@nuxt/ui-pro'],
   modules: [
     '@nuxt/ui',

From 3abd9820748d9b0e1def6588cef9d5d5d7baf84e Mon Sep 17 00:00:00 2001
From: kevin olson <acidjazz@gmail.com>
Date: Mon, 2 Sep 2024 18:04:40 -0500
Subject: [PATCH 5/7] =?UTF-8?q?=F0=9F=9A=A7=20meh?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/logo/LogoText.vue | 9 +++++++--
 app/pages/label.vue              | 8 ++++----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/app/components/logo/LogoText.vue b/app/components/logo/LogoText.vue
index d377393..58e6f58 100644
--- a/app/components/logo/LogoText.vue
+++ b/app/components/logo/LogoText.vue
@@ -1,7 +1,12 @@
+<script lang="ts" setup>
+defineProps<{ large?: boolean }>()
+</script>
+
 <template>
-  <div class="flex items-center">
+  <div class="flex items-end">
     <div class="font-extrabold text-primary-900 dark:text-primary-100">fume</div>
-    <div class="font-extrabold text-primary-900 dark:text-primary-200 -mx-1">.</div>
+    <u-icon v-if="large" name="i-mdi-circle" class="w-12 h-12 text-primary-900 dark:text-primary-200 mb-2" />
+    <div v-else class="text-primary-900 dark:text-primary-200">.</div>
     <div class="font-extrabold text-primary-600 dark:text-primary-300">bio</div>
   </div>
 </template>
diff --git a/app/pages/label.vue b/app/pages/label.vue
index 0b480fd..4eed3d2 100644
--- a/app/pages/label.vue
+++ b/app/pages/label.vue
@@ -7,12 +7,12 @@ const dims = { width: 45, height: 20 }
 
 <template>
   <div class="w-screen h-screen flex items-center justify-center">
-    <div class="flex items-center border border-white" :style="`width: ${dims.width * 4}mm; height: ${dims.height * 4}mm;` ">
-      <logo-bio class="w-52 h-52" />
+    <div class="flex items-center border border-white" :style="`width: ${dims.width * 5}mm; height: ${dims.height * 5}mm;` ">
+      <logo-bio class="w-64 h-64" />
       <div class="flex flex-col space-y-3 my-3">
-        <logo-text class="text-5xl" />
+        <logo-text class="text-9xl" large />
         <div class="bg-sky-300 text-right w-full py-2 px-6 text-3xl font-extrabold">
-          <span class="text-sky-700"> tirz </span>
+          <span class="text-sky-700"> tirzepatide </span>
           <span class="text-sky-900"> 20mg </span>
         </div>
       </div>

From a238710f5e719ddc7ec6e20b364513441e18f829 Mon Sep 17 00:00:00 2001
From: kevin olson <acidjazz@gmail.com>
Date: Mon, 2 Sep 2024 19:38:56 -0500
Subject: [PATCH 6/7] =?UTF-8?q?=E2=9C=A8=20great=20progress?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/header/HeaderMain.vue    |  8 ++++---
 app/components/header/HeaderProfile.vue |  1 -
 app/components/header/HeaderSignIn.vue  | 19 +++++++++++++++
 app/components/layout/LayoutLogin.vue   | 21 ++++++++++++++---
 app/components/logo/LogoBio.vue         |  2 --
 app/components/logo/LogoFume.vue        |  2 +-
 app/components/logo/LogoText.vue        |  6 ++---
 app/pages/index.vue                     | 10 +-------
 app/pages/label.vue                     | 23 ------------------
 app/pages/label/[type]/[mg].vue         | 31 +++++++++++++++++++++++++
 server/api/[...slug].ts                 |  3 ++-
 server/controllers/oauth.ts             |  9 +++++++
 12 files changed, 89 insertions(+), 46 deletions(-)
 create mode 100644 app/components/header/HeaderSignIn.vue
 delete mode 100644 app/pages/label.vue
 create mode 100644 app/pages/label/[type]/[mg].vue

diff --git a/app/components/header/HeaderMain.vue b/app/components/header/HeaderMain.vue
index 0dbc497..792d649 100644
--- a/app/components/header/HeaderMain.vue
+++ b/app/components/header/HeaderMain.vue
@@ -1,18 +1,20 @@
 <script setup lang="ts">
 const { crumbs, actions } = useCrumb()
+const { loggedIn } = useUserSession()
 </script>
 
 <template>
   <u-header>
     <template #logo>
-      <div class="flex items-center">
-        <logo-bio class="w-12 h-12" />
+      <div class="flex items-center space-x-2">
+        <logo-bio class="w-10 h-10" />
         <logo-text class="text-3xl" />
       </div>
     </template>
     <template #right>
       <div class="flex items-center space-x-2">
-        <header-profile />
+        <header-profile v-if="loggedIn" />
+        <header-sign-in v-else />
         <u-color-mode-button />
       </div>
     </template>
diff --git a/app/components/header/HeaderProfile.vue b/app/components/header/HeaderProfile.vue
index 0bd3085..23dd7b5 100644
--- a/app/components/header/HeaderProfile.vue
+++ b/app/components/header/HeaderProfile.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 const { user, clear } = await useUserSession()
-const { fromLink } = useCrumb()
 
 const logout = async () => {
   clear()
diff --git a/app/components/header/HeaderSignIn.vue b/app/components/header/HeaderSignIn.vue
new file mode 100644
index 0000000..13d6ca8
--- /dev/null
+++ b/app/components/header/HeaderSignIn.vue
@@ -0,0 +1,19 @@
+<script setup lang="ts">
+const loginModal = ref(false)
+</script>
+
+<template>
+  <div>
+    <u-button
+      icon="i-mdi-login"
+      label="Sign In"
+      color="white"
+      @click="loginModal = !loginModal"
+    />
+    <u-dashboard-modal v-model="loginModal" title="Sign In" description="Authenticate using one of the following providers ">
+      <layout-login />
+    </u-dashboard-modal>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/app/components/layout/LayoutLogin.vue b/app/components/layout/LayoutLogin.vue
index 9d39c60..c838d53 100644
--- a/app/components/layout/LayoutLogin.vue
+++ b/app/components/layout/LayoutLogin.vue
@@ -17,6 +17,14 @@ const providers = reactive<Provider[]>([
     color: 'white',
     click: async () => await navigateTo('/api/oauth/google', { external: true }),
   },
+  {
+    name: 'facebook',
+    label: 'Facebook',
+    icon: 'i-mdi-facebook',
+    color: 'white',
+    click: async () => await navigateTo('/api/oauth/facebook', { external: true }),
+  },
+
   {
     name: 'microsoft',
     label: 'Microsoft',
@@ -35,7 +43,14 @@ const providers = reactive<Provider[]>([
 </script>
 
 <template>
-  <u-button-group>
-    <u-button v-for="provider in providers" :key="provider.name" v-bind="provider" @click="provider.click" />
-  </u-button-group>
+  <div class="flex flex-col space-y-4">
+    <u-button
+      v-for="provider in providers"
+      :key="provider.name"
+      v-bind="provider"
+      block
+      size="lg"
+      @click="provider.click"
+    />
+  </div>
 </template>
diff --git a/app/components/logo/LogoBio.vue b/app/components/logo/LogoBio.vue
index 86ac3fc..77682bd 100644
--- a/app/components/logo/LogoBio.vue
+++ b/app/components/logo/LogoBio.vue
@@ -1,5 +1,3 @@
-<script setup lang="ts"></script>
-
 <template>
   <div class="relative">
     <logo-fume />
diff --git a/app/components/logo/LogoFume.vue b/app/components/logo/LogoFume.vue
index 22cc05b..735a029 100644
--- a/app/components/logo/LogoFume.vue
+++ b/app/components/logo/LogoFume.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="logo">
-    <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <svg viewBox="2 2 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
       <g id="Icon-F" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <path
           id="container"
diff --git a/app/components/logo/LogoText.vue b/app/components/logo/LogoText.vue
index 58e6f58..87d80ce 100644
--- a/app/components/logo/LogoText.vue
+++ b/app/components/logo/LogoText.vue
@@ -4,9 +4,9 @@ defineProps<{ large?: boolean }>()
 
 <template>
   <div class="flex items-end">
-    <div class="font-extrabold text-primary-900 dark:text-primary-100">fume</div>
-    <u-icon v-if="large" name="i-mdi-circle" class="w-12 h-12 text-primary-900 dark:text-primary-200 mb-2" />
-    <div v-else class="text-primary-900 dark:text-primary-200">.</div>
+    <div class="font-extrabold text-primary-900 dark:text-primary-200">fume</div>
+    <u-icon v-if="large" name="i-mdi-circle" class="w-12 h-12 text-primary-900 dark:text-primary-100 mb-2" />
+    <div v-else class="text-primary-900 dark:text-primary-100">.</div>
     <div class="font-extrabold text-primary-600 dark:text-primary-300">bio</div>
   </div>
 </template>
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 2e43681..c0caab4 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,17 +1,9 @@
 <script setup lang="ts">
-definePageMeta({ layout: 'bare' })
 const { loggedIn } = useUserSession()
-
-if (loggedIn.value) await navigateTo('/home')
 </script>
 
 <template>
-  <div class="flex flex-col w-screen h-screen items-center justify-center">
-    <logo-bio class="w-64 h-64" />
-    <logo-text class="text-5xl mb-8" />
-    <layout-login v-if="!loggedIn" />
-    <u-button v-else class="w-28" icon="i-mdi-home" label="Home" to="/home" size="lg" color="gray" />
-  </div>
+  <layout-login />
 </template>
 
 <style scoped></style>
diff --git a/app/pages/label.vue b/app/pages/label.vue
deleted file mode 100644
index 4eed3d2..0000000
--- a/app/pages/label.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<script setup lang="ts">
-definePageMeta({
-  layout: 'bare',
-})
-const dims = { width: 45, height: 20 }
-</script>
-
-<template>
-  <div class="w-screen h-screen flex items-center justify-center">
-    <div class="flex items-center border border-white" :style="`width: ${dims.width * 5}mm; height: ${dims.height * 5}mm;` ">
-      <logo-bio class="w-64 h-64" />
-      <div class="flex flex-col space-y-3 my-3">
-        <logo-text class="text-9xl" large />
-        <div class="bg-sky-300 text-right w-full py-2 px-6 text-3xl font-extrabold">
-          <span class="text-sky-700"> tirzepatide </span>
-          <span class="text-sky-900"> 20mg </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style scoped></style>
diff --git a/app/pages/label/[type]/[mg].vue b/app/pages/label/[type]/[mg].vue
new file mode 100644
index 0000000..1e6d08e
--- /dev/null
+++ b/app/pages/label/[type]/[mg].vue
@@ -0,0 +1,31 @@
+<script setup lang="ts">
+definePageMeta({ layout: 'bare' })
+const dims = { width: 45, height: 20 }
+const route = useRoute()
+const { type, mg } = route.params
+</script>
+
+<template>
+  <div class="w-screen h-screen flex items-center justify-center">
+    <div
+      class="flex flex-col justify-center items-center space-y-3"
+      :style="`width: ${dims.width * 5}mm; height: ${dims.height * 5}mm;`"
+    >
+      <div class="flex items-center space-x-3">
+        <logo-bio class="w-52 h-52" />
+        <div class="flex flex-col space-y-3">
+          <logo-text class="text-9xl" large />
+          <div class="flex text-5xl font-extrabold">
+            <span class="text-sky-900 flex-1 text-center bg-sky-200 py-2 px-6"> {{ type }} </span>
+            <span class="text-sky-200 bg-sky-900 py-2 px-6"> {{ mg }}mg </span>
+          </div>
+        </div>
+      </div>
+      <div class="uppercase font-semibold tracking-wider text-xs">
+        IN-VITRO LABORATORY RESEARCH USE ONLY.  NOT FOR HUMAN OR ANIMAL USE OR CONSUMPTION OF ANY KIND.
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/server/api/[...slug].ts b/server/api/[...slug].ts
index 5576aac..d35da8d 100644
--- a/server/api/[...slug].ts
+++ b/server/api/[...slug].ts
@@ -1,5 +1,5 @@
 import { createRouter, useBase } from 'h3'
-import { githubHandler, googleHandler, microsoftHandler } from '../controllers/oauth'
+import { facebookHandler, githubHandler, googleHandler, microsoftHandler } from '../controllers/oauth'
 import { withApiUtils } from '../lib/api'
 import token from '../controllers/token'
 import pen from '../controllers/pen'
@@ -22,6 +22,7 @@ if (useRuntimeConfig().appEnv === 'test')
   router.post('/test/session', test.create)
 
 router.get('/oauth/google', googleHandler)
+router.get('/oauth/facebook', facebookHandler)
 router.get('/oauth/github', githubHandler)
 router.get('/oauth/microsoft', microsoftHandler)
 router.get('/logout', logout)
diff --git a/server/controllers/oauth.ts b/server/controllers/oauth.ts
index aef0f6b..0f8d773 100644
--- a/server/controllers/oauth.ts
+++ b/server/controllers/oauth.ts
@@ -55,3 +55,12 @@ export const githubHandler = oauthGitHubEventHandler({
     return sendRedirect(event, '/home')
   },
 })
+
+export const facebookHandler = oauthFacebookEventHandler({
+  async onSuccess(event: H3Event<EventHandlerRequest>, { user }: { user: any }) {
+    console.log('facebook', user)
+    const dbUser = await signIn(event, user, 'facebook')
+    await setUserSession(event, { user: dbUser })
+    return sendRedirect(event, '/home')
+  },
+})

From 13ee933462fdca64a09ad24be3c8743d8da2d493 Mon Sep 17 00:00:00 2001
From: kevin olson <acidjazz@gmail.com>
Date: Mon, 2 Sep 2024 20:37:32 -0500
Subject: [PATCH 7/7] =?UTF-8?q?=F0=9F=94=A7=20update=20example=20file?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.example | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/.env.example b/.env.example
index c7a139c..fdf31b5 100644
--- a/.env.example
+++ b/.env.example
@@ -1,2 +1,19 @@
-MICROSOFT_CLIENT_ID=
-MICROSOFT_CLIENT_SECRET=
\ No newline at end of file
+DATABASE_URL=mysql://root:@localhost:3306/bio
+
+NUXT_PUBLIC_URL=http://localhost:3000
+NUXT_PUBLIC_PREFIX=bio
+
+NUXT_SESSION_PASSWORD=
+
+NUXT_OAUTH_GOOGLE_CLIENT_ID=
+NUXT_OAUTH_GOOGLE_CLIENT_SECRET=
+
+NUXT_OAUTH_FACEBOOK_CLIENT_ID=
+NUXT_OAUTH_FACEBOOK_CLIENT_SECRET=
+
+NUXT_OAUTH_MICROSOFT_CLIENT_ID=
+NUXT_OAUTH_MICROSOFT_CLIENT_SECRET=
+NUXT_OAUTH_MICROSOFT_TENANT=
+
+NUXT_OAUTH_GITHUB_CLIENT_ID=
+NUXT_OAUTH_GITHUB_CLIENT_SECRET=