Skip to content

Commit 4575935

Browse files
w3bdesignw3bdesign
authored
Eslint and npm upgrade
Eslint and npm upgrade
2 parents f675afb + 36819ed commit 4575935

13 files changed

+47019
-10307
lines changed

‎components/Cart/AddToCartButton.vue

+13-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,19 @@
11
<template>
22
<div>
33
<button
4-
class="relative w-48 h-12 px-4 py-2 mt-4 font-bold text-white bg-blue-500 rounded hover:bg-blue-800"
4+
class="
5+
relative
6+
w-48
7+
h-12
8+
px-4
9+
py-2
10+
mt-4
11+
font-bold
12+
text-white
13+
bg-blue-500
14+
rounded
15+
hover:bg-blue-800
16+
"
517
:class="{ disabled: loading }"
618
@click="addProductToCart(product)"
719
>

‎components/Category/ShowAllCategories.vue

+26-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,20 @@
22
<div v-if="categories">
33
<section class="container mx-auto bg-white">
44
<div
5-
class="grid gap-2 px-2 pt-2 pb-2 lg:px-0 xl:px-0 md:px-0 lg:grid-cols-4 sm:grid-cols-2 md:grid-cols-3 xs:grid-cols-3"
5+
class="
6+
grid
7+
gap-2
8+
px-2
9+
pt-2
10+
pb-2
11+
lg:px-0
12+
xl:px-0
13+
md:px-0
14+
lg:grid-cols-4
15+
sm:grid-cols-2
16+
md:grid-cols-3
17+
xs:grid-cols-3
18+
"
619
>
720
<template v-for="nodes in categories">
821
<template v-for="category in nodes">
@@ -16,7 +29,18 @@
1629
>
1730
<div class="p-6 cursor-pointer">
1831
<div
19-
class="flex items-center justify-center w-full h-16 text-center border border-gray-300 rounded-lg shadow hover:shadow-outline"
32+
class="
33+
flex
34+
items-center
35+
justify-center
36+
w-full
37+
h-16
38+
text-center
39+
border border-gray-300
40+
rounded-lg
41+
shadow
42+
hover:shadow-outline
43+
"
2044
>
2145
<p class="text-lg">
2246
{{ category.name }}

‎components/Index/Hero.vue

+36-4
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,26 @@
44
<swiper-slide
55
><img alt="Image slider slide #1" src="~assets/images/Hero.jpg" />
66
<div
7-
class="flex flex-col items-start justify-center w-full mx-auto tracking-wide lg:w-1/2"
7+
class="
8+
flex flex-col
9+
items-start
10+
justify-center
11+
w-full
12+
mx-auto
13+
tracking-wide
14+
lg:w-1/2
15+
"
816
>
917
<span
10-
class="w-full p-4 mt-4 text-center text-white bg-black text-md lg:text-2xl lg:-mt-64"
18+
class="
19+
w-full
20+
p-4
21+
mt-4
22+
text-center text-white
23+
bg-black
24+
text-md
25+
lg:text-2xl lg:-mt-64
26+
"
1127
>
1228
Modern Pillow Sample Set
1329
</span>
@@ -16,10 +32,26 @@
1632
<swiper-slide
1733
><img alt="Image slider slide #2" src="~assets/images/Hero2.jpg" />
1834
<div
19-
class="flex flex-col items-start justify-center w-full mx-auto tracking-wide lg:w-1/2"
35+
class="
36+
flex flex-col
37+
items-start
38+
justify-center
39+
w-full
40+
mx-auto
41+
tracking-wide
42+
lg:w-1/2
43+
"
2044
>
2145
<span
22-
class="w-full p-4 mt-4 text-center text-white bg-black text-md lg:text-2xl lg:-mt-64"
46+
class="
47+
w-full
48+
p-4
49+
mt-4
50+
text-center text-white
51+
bg-black
52+
text-md
53+
lg:text-2xl lg:-mt-64
54+
"
2355
>
2456
Modern Interior Sample
2557
</span>

‎components/Layout/Cart.vue

+12-1
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,18 @@
2222
<transition name="cart">
2323
<div v-if="cartLength">
2424
<span
25-
class="absolute w-6 h-6 pb-2 ml-16 -mt-12 text-center text-white bg-black rounded-full lg:ml-14"
25+
class="
26+
absolute
27+
w-6
28+
h-6
29+
pb-2
30+
ml-16
31+
-mt-12
32+
text-center text-white
33+
bg-black
34+
rounded-full
35+
lg:ml-14
36+
"
2637
>
2738
{{ cartLength }}
2839
</span>

‎components/Layout/Footer.vue

+8-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,14 @@
11
<template>
22
<div class="container mx-auto mt-24">
33
<footer
4-
class="px-6 text-center bg-white border border-gray-300 rounded-lg shadow-lg"
4+
class="
5+
px-6
6+
text-center
7+
bg-white
8+
border border-gray-300
9+
rounded-lg
10+
shadow-lg
11+
"
512
>
613
<div class="p-6">Copyright &copy; {{ todayDate }} Daniel / w3bdesign</div>
714
</footer>

‎components/Layout/MobileMenu.vue

+11-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,17 @@
22
<div class="relative">
33
<div
44
v-if="!firstRender"
5-
class="fixed top-0 left-0 w-screen mt-40 bg-white z-100 h-96 animate__animated"
5+
class="
6+
fixed
7+
top-0
8+
left-0
9+
w-screen
10+
mt-40
11+
bg-white
12+
z-100
13+
h-96
14+
animate__animated
15+
"
616
:class="{
717
animate__fadeInLeft: expandedMenu,
818
animate__fadeOutRight: !expandedMenu && !firstRender,

‎components/Layout/Navbar.vue

+74-10
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,13 @@
1919
<div class="hidden lg:w-1/12 lg:block"></div>
2020
<div
2121
id="nav-content"
22-
class="hidden w-full mt-4 bg-black lg:w-8/12 lg:block lg:bg-white lg:mt-0 lg:text-right"
22+
class="
23+
hidden
24+
w-full
25+
mt-4
26+
bg-black
27+
lg:w-8/12 lg:block lg:bg-white lg:mt-0 lg:text-right
28+
"
2329
aria-expanded="false"
2430
>
2531
<div class="px-6 lg:px-0 lg:pt-5 xl:pt-7">
@@ -30,21 +36,48 @@
3036
aria-labelledby="block-main-menu"
3137
>
3238
<ul
33-
class="items-center justify-end flex-1 pr-4 -mr-4 list-reset lg:flex"
39+
class="
40+
items-center
41+
justify-end
42+
flex-1
43+
pr-4
44+
-mr-4
45+
list-reset
46+
lg:flex
47+
"
3448
>
3549
<li
36-
class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4"
50+
class="
51+
inline-block
52+
py-2
53+
text-xl
54+
font-semibold
55+
no-underline
56+
lg:text-base lg:px-4
57+
"
3758
>
3859
<NuxtLink to="/">
3960
<span
40-
class="text-xl text-white no-underline lg:text-black is-active"
61+
class="
62+
text-xl text-white
63+
no-underline
64+
lg:text-black
65+
is-active
66+
"
4167
>
4268
Home
4369
</span>
4470
</NuxtLink>
4571
</li>
4672
<li
47-
class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4"
73+
class="
74+
inline-block
75+
py-2
76+
text-xl
77+
font-semibold
78+
no-underline
79+
lg:text-base lg:px-4
80+
"
4881
>
4982
<NuxtLink to="/products">
5083
<span
@@ -54,27 +87,58 @@
5487
</NuxtLink>
5588
</li>
5689
<li
57-
class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4"
90+
class="
91+
inline-block
92+
py-2
93+
text-xl
94+
font-semibold
95+
no-underline
96+
lg:text-base lg:px-4
97+
"
5898
>
5999
<NuxtLink to="/categories">
60100
<span
61-
class="text-xl text-white no-underline lg:text-black is-active"
101+
class="
102+
text-xl text-white
103+
no-underline
104+
lg:text-black
105+
is-active
106+
"
62107
>Categories</span
63108
>
64109
</NuxtLink>
65110
</li>
66111
<li
67-
class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4"
112+
class="
113+
inline-block
114+
py-2
115+
text-xl
116+
font-semibold
117+
no-underline
118+
lg:text-base lg:px-4
119+
"
68120
>
69121
<NuxtLink to="/search">
70122
<span
71-
class="text-xl text-white no-underline lg:text-black is-active"
123+
class="
124+
text-xl text-white
125+
no-underline
126+
lg:text-black
127+
is-active
128+
"
72129
>Search</span
73130
>
74131
</NuxtLink>
75132
</li>
76133
<li
77-
class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4"
134+
class="
135+
inline-block
136+
py-2
137+
text-xl
138+
font-semibold
139+
no-underline
140+
lg:text-base lg:px-4
141+
"
78142
>
79143
<LayoutCart class="-mr-4" />
80144
</li>

‎components/Order/SubmitOrderButton.vue

+13-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,19 @@
11
<template>
22
<div v-if="!success" class="flex justify-center">
33
<button
4-
class="relative w-48 h-12 px-4 py-2 mt-4 font-bold text-white bg-blue-500 rounded hover:bg-blue-800"
4+
class="
5+
relative
6+
w-48
7+
h-12
8+
px-4
9+
py-2
10+
mt-4
11+
font-bold
12+
text-white
13+
bg-blue-500
14+
rounded
15+
hover:bg-blue-800
16+
"
517
:class="{ disabled: loading }"
618
type="submit"
719
>

‎components/Products/ShowAllProducts.vue

+13-1
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,19 @@
1717
>
1818
<img
1919
id="product-image"
20-
class="container mx-auto transition duration-500 ease-in-out transform cursor-pointer lg:w-64 xl:w-64 sm:p-4 hover:scale-110"
20+
class="
21+
container
22+
mx-auto
23+
transition
24+
duration-500
25+
ease-in-out
26+
transform
27+
cursor-pointer
28+
lg:w-64
29+
xl:w-64
30+
sm:p-4
31+
hover:scale-110
32+
"
2133
:alt="product.name"
2234
:src="productImage(product)"
2335
/>

0 commit comments

Comments
 (0)