Skip to content

Commit b0e0dfd

Browse files
authored
Reformat Vue files (#31)
1 parent 248968d commit b0e0dfd

File tree

7 files changed

+169
-37
lines changed

7 files changed

+169
-37
lines changed

resources/js/Components/Button.vue

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
11
<template>
22
<button :class="classes">
3-
<span class="btn__text" v-text="text"></span>
3+
<span
4+
class="btn__text"
5+
v-text="text"
6+
></span>
47
</button>
58
</template>
69

resources/js/Components/Notice.vue

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,13 @@
11
<template>
2-
<div class="notice" :class="cssClass" v-if="active && type && message">
3-
<p class="notice__description" v-text="message"></p>
2+
<div
3+
class="notice"
4+
:class="cssClass"
5+
v-if="active && type && message"
6+
>
7+
<p
8+
class="notice__description"
9+
v-text="message"
10+
></p>
411
</div>
512
</template>
613

resources/js/Layouts/App.vue

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,12 @@
1111
<br />
1212
<Link :href="route('account.edit')">Account</Link>
1313
<br />
14-
<Link :href="route('logout')" method="post" as="button">
15-
Logout
14+
<Link
15+
:href="route('logout')"
16+
method="post"
17+
as="button"
18+
>
19+
Logout
1620
</Link>
1721
<slot />
1822
</div>

resources/js/Pages/Account/Edit.vue

Lines changed: 51 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,81 @@
11
<template>
22
<Head :title="title" />
33

4-
<h1 v-text="title" class="mt-30 mb-40"></h1>
4+
<h1
5+
v-text="title"
6+
class="mt-30 mb-40"
7+
></h1>
58

6-
<form class="form" @submit.prevent="update">
9+
<form
10+
class="form"
11+
@submit.prevent="update"
12+
>
713
<div class="form__section">
814
<div class="form__row">
915
<div class="form__item">
10-
<label class="form__label" for="first_name">First Name</label>
11-
<input id="first-name" type="text" v-model="form.first_name" required />
16+
<label
17+
class="form__label"
18+
for="first_name"
19+
>First Name</label>
20+
<input
21+
id="first-name"
22+
type="text"
23+
v-model="form.first_name"
24+
required
25+
/>
1226
</div>
1327
</div>
1428

1529
<div class="form__row">
1630
<div class="form__item">
17-
<label class="form__label" for="last_name">Last Name</label>
18-
<input id="last-name" type="text" v-model="form.last_name" required />
31+
<label
32+
class="form__label"
33+
for="last_name"
34+
>Last Name</label>
35+
<input
36+
id="last-name"
37+
type="text"
38+
v-model="form.last_name"
39+
required
40+
/>
1941
</div>
2042
</div>
2143

2244
<div class="form__row">
2345
<div class="form__item">
24-
<label class="form__label" for="email">Email</label>
25-
<input id="email" type="email" v-model="form.email" required />
46+
<label
47+
class="form__label"
48+
for="email"
49+
>Email</label>
50+
<input
51+
id="email"
52+
type="email"
53+
v-model="form.email"
54+
required
55+
/>
2656
</div>
2757
</div>
2858

2959
<div class="form__row">
3060
<div class="form__item">
31-
<label class="form__label" for="password">Password</label>
32-
<input id="password" type="password" v-model="form.password" />
61+
<label
62+
class="form__label"
63+
for="password"
64+
>Password</label>
65+
<input
66+
id="password"
67+
type="password"
68+
v-model="form.password"
69+
/>
3370
</div>
3471
</div>
3572

3673
<div class="form__row">
3774
<div class="form__action">
38-
<Button text="Update" :disabled="form.processing" />
75+
<Button
76+
text="Update"
77+
:disabled="form.processing"
78+
/>
3979
</div>
4080
</div>
4181
</div>

resources/js/Pages/Home/Index.vue

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,10 @@
11
<template>
22
<Head :title="title" />
33

4-
<h1 v-text="title" class="mt-30 mb-40"></h1>
4+
<h1
5+
v-text="title"
6+
class="mt-30 mb-40"
7+
></h1>
58

69
<p v-if="userCan($page.props, 'create-posts')">User can create posts.</p>
710
</template>

resources/js/Pages/Login/Show.vue

Lines changed: 42 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,69 @@
11
<template>
22
<Head :title="title" />
33

4-
<h1 v-text="title" class="mb-40 text-center"></h1>
4+
<h1
5+
v-text="title"
6+
class="mb-40 text-center"
7+
></h1>
58

6-
<form class="form" @submit.prevent="login">
9+
<form
10+
class="form"
11+
@submit.prevent="login"
12+
>
713
<div class="form__section">
814
<div class="form__row">
915
<div class="form__item">
10-
<label class="form__label" for="email">Email</label>
11-
<input id="email" type="email" v-model="form.email" required />
16+
<label
17+
class="form__label"
18+
for="email"
19+
>Email</label>
20+
<input
21+
id="email"
22+
type="email"
23+
v-model="form.email"
24+
required
25+
/>
1226
</div>
1327
</div>
1428

1529
<div class="form__row">
1630
<div class="form__item">
17-
<label class="form__label" for="password">Password</label>
18-
<input id="password" type="password" v-model="form.password" required />
31+
<label
32+
class="form__label"
33+
for="password"
34+
>Password</label>
35+
<input
36+
id="password"
37+
type="password"
38+
v-model="form.password"
39+
required
40+
/>
1941
</div>
2042
</div>
2143

2244
<div class="form__row">
2345
<div class="form__item">
24-
<label class="form__label form__label--inline" for="remember">
25-
<input id="remember" type="checkbox" v-model="form.remember" />
46+
<label
47+
class="form__label form__label--inline"
48+
for="remember"
49+
>
50+
<input
51+
id="remember"
52+
type="checkbox"
53+
v-model="form.remember"
54+
/>
2655
Remember
2756
</label>
2857
</div>
2958
</div>
3059

3160
<div class="form__row">
3261
<div class="form__action">
33-
<Button text="Log In" styles="full" :disabled="form.processing" />
62+
<Button
63+
text="Log In"
64+
styles="full"
65+
:disabled="form.processing"
66+
/>
3467
</div>
3568
</div>
3669
</div>

resources/js/Pages/Register/Show.vue

Lines changed: 53 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,83 @@
11
<template>
22
<Head :title="title" />
33

4-
<h1 v-text="title" class="mb-40 text-center"></h1>
4+
<h1
5+
v-text="title"
6+
class="mb-40 text-center"
7+
></h1>
58

6-
<form class="form" @submit.prevent="register">
9+
<form
10+
class="form"
11+
@submit.prevent="register"
12+
>
713
<div class="form__section">
814
<div class="form__row">
915
<div class="form__item">
10-
<label class="form__label" for="first_name">First Name</label>
11-
<input id="first-name" type="text" v-model="form.first_name" required />
16+
<label
17+
class="form__label"
18+
for="first_name"
19+
>First Name</label>
20+
<input
21+
id="first-name"
22+
type="text"
23+
v-model="form.first_name"
24+
required
25+
/>
1226
</div>
1327
</div>
1428

1529
<div class="form__row">
1630
<div class="form__item">
17-
<label class="form__label" for="last_name">Last Name</label>
18-
<input id="last-name" type="text" v-model="form.last_name" required />
31+
<label
32+
class="form__label"
33+
for="last_name"
34+
>Last Name</label>
35+
<input
36+
id="last-name"
37+
type="text"
38+
v-model="form.last_name"
39+
required
40+
/>
1941
</div>
2042
</div>
2143

2244
<div class="form__row">
2345
<div class="form__item">
24-
<label class="form__label" for="email">Email</label>
25-
<input id="email" type="email" v-model="form.email" required />
46+
<label
47+
class="form__label"
48+
for="email"
49+
>Email</label>
50+
<input
51+
id="email"
52+
type="email"
53+
v-model="form.email"
54+
required
55+
/>
2656
</div>
2757
</div>
2858

2959
<div class="form__row">
3060
<div class="form__item">
31-
<label class="form__label" for="password">Password</label>
32-
<input id="password" type="password" v-model="form.password" required />
61+
<label
62+
class="form__label"
63+
for="password"
64+
>Password</label>
65+
<input
66+
id="password"
67+
type="password"
68+
v-model="form.password"
69+
required
70+
/>
3371
</div>
3472
</div>
3573

3674
<div class="form__row">
3775
<div class="form__action">
38-
<Button text="Register" styles="full" :disabled="form.processing" />
76+
<Button
77+
text="Register"
78+
styles="full"
79+
:disabled="form.processing"
80+
/>
3981
</div>
4082
</div>
4183
</div>

0 commit comments

Comments
 (0)