vue components refactoring

resources/js/components/Layout/AuthPages/AuthContent.vue

@@ -0,0 +1,20 @@
+<template>
+    <div v-if="isVisible" class="w-full max-w-xl text-center">
+        <slot />
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'AuthContent',
+    props: ['visible', 'name'],
+    data() {
+        return {
+            isVisible: false,
+        }
+    },
+    created() {
+        this.isVisible = this.visible
+    },
+}
+</script>