<template>
	<div>
			<!-- <Link href="/app">Home</Link>
		<br /> -->
		<h1>Register</h1>
		<form v-on:submit.prevent="submit()" class="max-w-sm">
			<!-- <form @submit.prevent="form.post('/app/register')" class="max-w-sm"> -->
			<!-- <n-input type="email" v-model:value="form.email" placeholder="email" class="mb-3" /> -->
			<!-- <n-input type="password" v-model:value="form.password" placeholder="Password" class="mb-3" /> -->
			<!-- <n-input v-bind:label="'Emai22l'" v-model:value="form.email" />
			<n-input v-bind:label="'Password'" v-bind:type="'password'" v-model:value="form.password" /> -->
			<!-- <form-input v-bind:label="'Password'" v-bind:type="'password'" v-model="form.password" /> -->

			<form-input v-bind:label="'Emai22l'" v-bind:type="'email'" v-model="form.email" :errors="errors.email" />
			<form-input v-bind:label="'Password'" v-bind:type="'password'" v-model="form.password" :errors="errors.password"/>

			<n-button attr-type="submit"> Register </n-button>
		</form>
	</div>
</template>

<script lang="ts">
import RegisterViewComponent from "@/Pages/register-view/register-view-component";
// import RegisterViewComponent from "./register-view-component";
// const test = RegisterViewComponent;
export default RegisterViewComponent;


// import { Component, Vue, Prop } from "vue-facing-decorator";
// import AuthLayout from '@/Layouts/Auth.vue';
// // import { reactive } from 'vue';
// import { Inertia } from '@inertiajs/inertia';
// import { NButton } from 'naive-ui';
// import  FormInput from '@/Components/FormInput.vue';//          @/Components/FormInput.vue'
// // import { defineComponent } from 'vue';



// export default {
// 	layout: AuthLayout,

// 	components: {
// 		// NButton,
// 		// NInput,
// 		FormInput
// 	},

// 	setup() {
// 		// const form = useForm({
// 		// 	email: '',
// 		// 	password: ''
// 		// });
// 		const form = reactive({
// 			email: null,
// 			password: null,
// 		});

// 		const submit = async () => {
// 			await Inertia.post('/app/register', form);
// 		};

// 		return { form, submit };
// 	},
// };

// export default defineComponent({
// 	layout: AuthLayout,

// 	components: {
// 		NButton,
// 		FormInput
// 	},

// 	setup() {
// 		// const form = useForm({
// 		// 	email: '',
// 		// 	password: ''
// 		// });
// 		const form = reactive({
// 			email: null,
// 			password: null,
// 		});

// 		const submit = async () => {
// 			await Inertia.post('/app/register', form);
// 		};

// 		return { form, submit };
// 	},
// })

// @Component({
// 	options: {
//         layout: AuthLayout
//     },
//     name: "RegisterViewComponent",
//     components: {
// 		NButton,		
// 		FormInput
// 	},
// })
// export default class RegisterViewComponent extends Vue {
	
// 	@Prop()
//     type!: string;    
	
//     public form = {
//         email: null,
//         password: null,
//     };

//     results: Array<any> = [];

//     submit = async () => {
//         await Inertia.post('/app/register', this.form);
//     }


// }

// </script>

<!-- <style scoped>
.greeting {
  color: red;
  font-weight: bold;
}
</style> -->