Skip to content

Commit 64f52c0

Browse files
committed
chore: linter 🧽
1 parent d948d6f commit 64f52c0

File tree

52 files changed

+827
-686
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

52 files changed

+827
-686
lines changed

.husky/pre-commit

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
#!/bin/sh
2-
. "$(dirname "$0")/_/husky.sh"
1+
#!/usr/bin/env sh
2+
. "$(dirname -- "$0")/_/husky.sh"
33

4-
pnpm run format:fix
4+
pnpm fmt

.prettierignore

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,4 +5,8 @@
55
*.
66
dist
77
node_modules
8-
coverage
8+
coverage
9+
apps/docs/.nuxt/**/*
10+
apps/docs/.output/**/*
11+
*.yaml
12+
CHANGELOG.md

apps/docs/components/content/ColorPalette.vue

Lines changed: 75 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
11
<template>
22
<div class="custom-block">
3-
<div v-for="color in Object.keys(colors)" :key="color" class="grid grid-cols-10 gap-4">
3+
<div
4+
v-for="color in Object.keys(colors)"
5+
:key="color"
6+
class="grid grid-cols-10 gap-4"
7+
>
48
<h4 class="w-full capitalize col-span-10 mt-8 text-xl">{{ color }}</h4>
59
<ColorPaletteBlock
610
v-for="shade in Object.keys(colors[color])"
@@ -18,88 +22,88 @@ import ColorPaletteBlock from './ColorPaletteBlock.vue';
1822
// copied over from: packages/config/tailwind/index.ts
1923
const colors = {
2024
primary: {
21-
'50': '240 253 244',
22-
'100': '220 252 231',
23-
'200': '187 247 208',
24-
'300': '134 239 172',
25-
'400': '74 222 128',
26-
'500': '2 198 82',
27-
'600': '10 171 69',
28-
'700': '1 137 55',
29-
'800': '22 101 52',
30-
'900': '20 83 45',
25+
50: '240 253 244',
26+
100: '220 252 231',
27+
200: '187 247 208',
28+
300: '134 239 172',
29+
400: '74 222 128',
30+
500: '2 198 82',
31+
600: '10 171 69',
32+
700: '1 137 55',
33+
800: '22 101 52',
34+
900: '20 83 45',
3135
},
3236
secondary: {
33-
'50': '245 243 255',
34-
'100': '237 233 254',
35-
'200': '221 214 254',
36-
'300': '196 181 253',
37-
'400': '167 139 250',
38-
'500': '135 92 246',
39-
'600': '111 64 236',
40-
'700': '97 49 221',
41-
'800': '83 30 211',
42-
'900': '68 21 178',
37+
50: '245 243 255',
38+
100: '237 233 254',
39+
200: '221 214 254',
40+
300: '196 181 253',
41+
400: '167 139 250',
42+
500: '135 92 246',
43+
600: '111 64 236',
44+
700: '97 49 221',
45+
800: '83 30 211',
46+
900: '68 21 178',
4347
},
4448
positive: {
45-
'50': '240 253 244',
46-
'100': '220 252 231',
47-
'200': '187 247 208',
48-
'300': '134 239 172',
49-
'400': '74 222 128',
50-
'500': '2 198 82',
51-
'600': '10 171 69',
52-
'700': '1 137 55',
53-
'800': '22 101 52',
54-
'900': '20 83 45',
49+
50: '240 253 244',
50+
100: '220 252 231',
51+
200: '187 247 208',
52+
300: '134 239 172',
53+
400: '74 222 128',
54+
500: '2 198 82',
55+
600: '10 171 69',
56+
700: '1 137 55',
57+
800: '22 101 52',
58+
900: '20 83 45',
5559
},
5660
negative: {
57-
'50': '255 241 242',
58-
'100': '255 228 230',
59-
'200': '254 205 211',
60-
'300': '253 164 175',
61-
'400': '251 113 133',
62-
'500': '244 63 94',
63-
'600': '225 29 72',
64-
'700': '190 18 60',
65-
'800': '159 18 57',
66-
'900': '136 19 55',
61+
50: '255 241 242',
62+
100: '255 228 230',
63+
200: '254 205 211',
64+
300: '253 164 175',
65+
400: '251 113 133',
66+
500: '244 63 94',
67+
600: '225 29 72',
68+
700: '190 18 60',
69+
800: '159 18 57',
70+
900: '136 19 55',
6771
},
6872
warning: {
69-
'50': '254 252 232',
70-
'100': '254 249 195',
71-
'200': '254 240 138',
72-
'300': '253 224 71',
73-
'400': '250 204 21',
74-
'500': '234 179 8',
75-
'600': '202 138 4',
76-
'700': '161 98 7',
77-
'800': '133 77 14',
78-
'900': '113 63 18',
73+
50: '254 252 232',
74+
100: '254 249 195',
75+
200: '254 240 138',
76+
300: '253 224 71',
77+
400: '250 204 21',
78+
500: '234 179 8',
79+
600: '202 138 4',
80+
700: '161 98 7',
81+
800: '133 77 14',
82+
900: '113 63 18',
7983
},
8084
neutral: {
81-
'50': '250 250 250',
82-
'100': '244 244 245',
83-
'200': '228 228 231',
84-
'300': '212 212 216',
85-
'400': '161 161 170',
86-
'500': '113 113 122',
87-
'600': '82 82 91',
88-
'700': '63 63 70',
89-
'800': '39 39 42',
90-
'900': '24 24 27',
85+
50: '250 250 250',
86+
100: '244 244 245',
87+
200: '228 228 231',
88+
300: '212 212 216',
89+
400: '161 161 170',
90+
500: '113 113 122',
91+
600: '82 82 91',
92+
700: '63 63 70',
93+
800: '39 39 42',
94+
900: '24 24 27',
9195
},
9296
disabled: {
93-
'50': '250 250 250',
94-
'100': '244 244 245',
95-
'200': '228 228 231',
96-
'300': '212 212 216',
97-
'400': '161 161 170',
98-
'500': '113 113 122',
99-
'600': '82 82 91',
100-
'700': '63 63 70',
101-
'800': '39 39 42',
102-
'900': '24 24 27',
97+
50: '250 250 250',
98+
100: '244 244 245',
99+
200: '228 228 231',
100+
300: '212 212 216',
101+
400: '161 161 170',
102+
500: '113 113 122',
103+
600: '82 82 91',
104+
700: '63 63 70',
105+
800: '39 39 42',
106+
900: '24 24 27',
103107
},
104108
};
105109
export default {

apps/docs/components/content/ColorPaletteBlock.vue

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,10 @@
11
<template>
2-
<div role="button" tabindex="0" @click="copyColorToClipboard" @keydown.enter="copyColorToClipboard">
2+
<div
3+
role="button"
4+
tabindex="0"
5+
@click="copyColorToClipboard"
6+
@keydown.enter="copyColorToClipboard"
7+
>
38
<div
49
class="h-10 rounded border dark:border-zinc-700 mb-1"
510
:style="{

apps/docs/components/content/Showcase.vue

Lines changed: 18 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,9 @@
55
@click="tab = 1"
66
class="px-3 py-2 border-b-2"
77
:class="[
8-
tab === 1 ? 'text-black dark:text-white border-primary-600 dark:border-primary-600' : 'dark:border-zinc-700',
8+
tab === 1
9+
? 'text-black dark:text-white border-primary-600 dark:border-primary-600'
10+
: 'dark:border-zinc-700',
911
]"
1012
>
1113
Preview
@@ -14,7 +16,9 @@
1416
@click="tab = 2"
1517
class="px-3 py-2 border-b-2"
1618
:class="[
17-
tab === 2 ? 'text-black dark:text-white border-primary-600 dark:border-primary-600' : 'dark:border-zinc-700',
19+
tab === 2
20+
? 'text-black dark:text-white border-primary-600 dark:border-primary-600'
21+
: 'dark:border-zinc-700',
1822
]"
1923
>
2024
Code
@@ -37,7 +41,11 @@
3741
:no-paddings="noPaddings"
3842
:no-scale="noScale"
3943
/>
40-
<div ref="handlerRef" class="select-none rounded-tr items-center hidden sm:flex" style="cursor: ew-resize">
44+
<div
45+
ref="handlerRef"
46+
class="select-none rounded-tr items-center hidden sm:flex"
47+
style="cursor: ew-resize"
48+
>
4149
<Icon name="akar-icons:drag-vertical" class="pointer-events-none" />
4250
</div>
4351
</div>
@@ -94,10 +102,15 @@ const eventMoveListener = (e) => {
94102
if (!isHandlerDragging.value) return false;
95103
96104
const containerOffsetLeft = wrapperRef.value.getBoundingClientRect().left;
97-
const pointerRelativeXpos = (e?.clientX || (e?.touches[0] && e?.touches[0]?.pageX)) - containerOffsetLeft;
105+
const pointerRelativeXpos =
106+
(e?.clientX || (e?.touches[0] && e?.touches[0]?.pageX)) -
107+
containerOffsetLeft;
98108
const minWidth = 386;
99109
100-
previewElementRef.value.style.maxWidth = `${Math.max(minWidth, pointerRelativeXpos)}px`;
110+
previewElementRef.value.style.maxWidth = `${Math.max(
111+
minWidth,
112+
pointerRelativeXpos
113+
)}px`;
101114
};
102115
103116
onMounted(() => {

apps/docs/components/content/TypographyList.vue

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,10 +21,20 @@
2121
/* Vuepress can't use the most recent Tailwind version, this cannot be pulled from the plugin,
2222
hardcoding the values for now. */
2323
const typographyClasses = [
24-
['display-1', 'fontSize.6xl', 'lineHeight.extra-tight', 'fontFamily.headings'],
24+
[
25+
'display-1',
26+
'fontSize.6xl',
27+
'lineHeight.extra-tight',
28+
'fontFamily.headings',
29+
],
2530
['display-2', 'fontSize.4xl', 'lineHeight.10', 'fontFamily.headings'],
2631
['display-3', 'fontSize.2xl', 'lineHeight.8', 'fontFamily.headings'],
27-
['headline-1', 'fontSize.6xl', 'lineHeight.extra-tight', 'fontFamily.headings'],
32+
[
33+
'headline-1',
34+
'fontSize.6xl',
35+
'lineHeight.extra-tight',
36+
'fontFamily.headings',
37+
],
2838
['headline-2', 'fontSize.4xl', 'lineHeight.10', 'fontFamily.headings'],
2939
['headline-3', 'fontSize.2xl', 'lineHeight.8', 'fontFamily.headings'],
3040
['headline-4', 'fontSize.lg', 'lineHeight.7', 'fontFamily.headings'],
@@ -63,7 +73,9 @@ export default {
6373
.replace('fontFamily.', 'font-');
6474
},
6575
convertClassesArrayToClass(classes) {
66-
return classes.map((className) => this.convertObjectSyntaxToTailwind(className));
76+
return classes.map((className) =>
77+
this.convertObjectSyntaxToTailwind(className)
78+
);
6779
},
6880
},
6981
computed: {

apps/docs/content/1.index.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
22
layout: fullscreen
33
---
4+
45
# Storefront UI Documentation
56

67
## Components
@@ -13,4 +14,4 @@ layout: fullscreen
1314

1415
## Blocks
1516

16-
:block-list
17+
:block-list

0 commit comments

Comments
 (0)