3f2c57394a
Use latest prettier as devDependency so tools will use (or can be configured to use) the npm provided version. The unique config change is to use single quotes instead of double quotes.
53 lines
1.4 KiB
Vue
53 lines
1.4 KiB
Vue
<template>
|
|
<div class="w-full max-w-xs">
|
|
<form
|
|
class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4"
|
|
@submit.prevent="$emit('login', { username })"
|
|
>
|
|
<div class="mb-4">
|
|
<label class="block text-sm font-bold mb-2" for="username"
|
|
>Remote Username</label
|
|
>
|
|
<input
|
|
class="appearance-none border rounded w-full py-2 px-3 leading-tight focus:outline-none focus:shadow-outline"
|
|
id="username"
|
|
type="text"
|
|
placeholder="Username"
|
|
:disabled="true"
|
|
v-model="remoteUsername"
|
|
/>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="block text-sm font-bold mb-2" for="username"
|
|
>Username</label
|
|
>
|
|
<input
|
|
class="appearance-none border rounded w-full py-2 px-3 leading-tight focus:outline-none focus:shadow-outline"
|
|
id="username"
|
|
type="text"
|
|
placeholder="Username"
|
|
v-model="username"
|
|
/>
|
|
</div>
|
|
<div class="flex justify-center">
|
|
<button
|
|
class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
|
|
type="submit"
|
|
>
|
|
Register
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'RegisterForm',
|
|
props: {
|
|
remoteUsername: String,
|
|
username: String,
|
|
},
|
|
};
|
|
</script>
|