tethys.backend/resources/js/Pages/register-view/register-view-component.vue
Arno Kaimbacher a7142f694f
All checks were successful
CI Pipeline / japa-tests (push) Successful in 51s
- prettier formatting
- npm updates
- new SearchMap.vue component
2023-10-31 15:38:43 +01:00

125 lines
3.1 KiB
Vue

<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> -->