.

web/src/views/auth/AuthPage.vue

@@ -0,0 +1,42 @@
+<template>
+  <div class="auth-page">
+    <div class="container">
+      <a-row :gutter="12">
+        <a-col :span="12">
+          <ActivateForm @activated="handleActivated" />
+        </a-col>
+        <a-col :span="12">
+          <AuthStatus ref="authStatusRef" />
+        </a-col>
+      </a-row>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import ActivateForm from './ActivateForm.vue'
+import AuthStatus from './AuthStatus.vue'
+
+const authStatusRef = ref(null)
+
+const handleActivated = () => {
+  if (authStatusRef.value) {
+    authStatusRef.value.refresh()
+  }
+}
+</script>
+
+<style scoped>
+.auth-page {
+  width: 100%;
+  height: 100%;
+  padding: 12px;
+  overflow: auto;
+}
+
+.container {
+  max-width: 1200px;
+  margin: 0 auto;
+}
+</style>