use separator component

Author: k2so-dev

nuxt/app/components/auth/Login.vue

@@ -95,7 +95,7 @@ onBeforeUnmount(() => window.removeEventListener("message", handleMessage));
       />
     </div>
 
-    <hr class="col-span-12 border-neutral-100 dark:border-neutral-800" />
+    <USeparator label="OR" />
 
     <UForm ref="form" :state="state" @submit="onSubmit" class="space-y-4">
       <UFormField label="Email" name="email" required>

nuxt/app/pages/account/general.vue

@@ -14,7 +14,7 @@ useSeoMeta({
     <div class="col-span-12 lg:col-span-8">
       <AccountUpdateProfile />
     </div>
-    <hr class="col-span-12 border-neutral-100 dark:border-neutral-800" />
+    <USeparator class="col-span-12" />
     <div class="col-span-12 lg:col-span-4">
       <div class="text-lg font-semibold mb-2">Update Password</div>
       <div class="text-sm opacity-80">