куча говна

client/app/layouts/auth.vue

@@ -1,5 +1,40 @@
 <template>
-  <div class="w-full h-full flex justify-center items-center p-3">
-    <slot />
+  <div class="w-full h-full flex p-3">
+    <img src="/chad-bg.webp" alt="Background" draggable="false" class="pointer-events-none absolute opacity-3 -z-1 block inset-0 object-contain w-full h-full">
+
+    <div v-auto-animate class="w-1/2 m-auto">
+      <div class="text-center">
+        <PrimeSelectButton v-model="tab" class="mb-6" :options="options" option-label="label" :allow-empty="false" />
+      </div>
+
+      <slot />
+    </div>
   </div>
 </template>
+
+<script setup lang="ts">
+const route = useRoute()
+
+const options = computed(() => {
+  return [
+    {
+      label: 'Login',
+      routeName: 'Login',
+    },
+    {
+      label: 'Register',
+      routeName: 'Register',
+
+    },
+  ]
+})
+
+const tab = shallowRef(options.value.find(option => route.name === option.routeName))
+
+watch(tab, (tab) => {
+  if (!tab)
+    return
+
+  navigateTo({ name: tab.routeName })
+})
+</script>

client/app/layouts/default.vue

@@ -30,9 +30,8 @@
 </template>
 
 <script setup lang="ts">
-import { vAutoAnimate } from '@formkit/auto-animate'
-
 const { clients, inputMuted, toggleInput, outputMuted, toggleOutput } = useApp()
+const { connect } = useSignaling()
 
 const route = useRoute()
 
@@ -43,4 +42,6 @@ const inPreferences = computed(() => {
 function onClickPreferences() {
   navigateTo(!inPreferences.value ? { name: 'Preferences' } : '/')
 }
+
+connect()
 </script>

client/app/layouts/updater.vue

@@ -0,0 +1,3 @@
+<template>
+  UPDATER
+</template>