diff --git a/src/views/user/TheRegister.vue b/src/views/user/TheRegister.vue
new file mode 100644
index 0000000..7c7ec8e
--- /dev/null
+++ b/src/views/user/TheRegister.vue
@@ -0,0 +1,17 @@
+<template>
+    <div class="d-flex justify-content-center align-items-center">
+        <div class="container rounded bg-white my-10 py-10" style="max-width: 500px">
+            <RegisterForm @submit="handleSubmit" />
+        </div>
+    </div>
+</template>
+
+<script setup>
+import RegisterForm from '@c/user/RegisterForm.vue';
+
+const handleSubmit = async (formData) => {
+    console.log('Register');
+};
+</script>
+
+<style></style>