Skip to content

Commit 2955f92

Browse files
beast333beast333
committedApr 25, 2023
buttons and spinner added
1 parent eba49bd commit 2955f92

20 files changed

+2866
-198
lines changed
 

‎.eslintrc.json

+44-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,46 @@
11
{
2-
"extends": "next/core-web-vitals"
2+
"parser": "@typescript-eslint/parser",
3+
"env": {
4+
"browser": true,
5+
"es2021": true
6+
},
7+
"extends": [
8+
"eslint:recommended",
9+
"plugin:@typescript-eslint/recommended",
10+
"next/core-web-vitals",
11+
"plugin:react/recommended",
12+
"prettier",
13+
"plugin:prettier/recommended"
14+
],
15+
"overrides": [],
16+
"parserOptions": {
17+
"ecmaVersion": "latest",
18+
"sourceType": "module",
19+
"project": ["./tsconfig.json"]
20+
},
21+
"plugins": ["react", "prettier", "@typescript-eslint"],
22+
"rules": {
23+
"react/react-in-jsx-scope": 0,
24+
"@typescript-eslint/no-unused-vars": 1,
25+
"@typescript-eslint/no-explicit-any": "off",
26+
"react/jsx-props-no-spreading": 0,
27+
"no-restricted-syntax": "off",
28+
"no-underscore-dangle": "off",
29+
"@typescript-eslint/naming-convention": "off",
30+
"@typescript-eslint/no-non-null-assertion": "off",
31+
"react/require-default-props": "off",
32+
"radix": "off",
33+
"@typescript-eslint/no-non-null-asserted-optional-chain": "off",
34+
"no-unsafe-optional-chaining": "off",
35+
"@typescript-eslint/ban-ts-comment": "off",
36+
"consistent-return": 1,
37+
"no-void": 1,
38+
"no-return-assign": 1,
39+
"react/jsx-no-useless-fragment": "off",
40+
"no-continue": "off",
41+
"react/no-array-index-key": "off"
42+
},
43+
"globals": {
44+
"React": "writable"
45+
}
346
}

‎.vscode/settings.json

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
{
2+
"i18n-ally.localesPaths": ["config/languages"],
3+
"editor.defaultFormatter": "rvest.vs-code-prettier-eslint",
4+
"editor.formatOnPaste": false, // required
5+
"editor.formatOnType": false, // required
6+
"editor.formatOnSave": true, // optional
7+
"editor.formatOnSaveMode": "file", // required to format on save
8+
"files.autoSave": "onFocusChange", // optional but recommended
9+
"editor.codeActionsOnSave": {
10+
// For ESLint
11+
"source.fixAll.eslint": true,
12+
// For TSLint
13+
"source.fixAll.tslint": true,
14+
// For Stylelint
15+
"source.fixAll.stylelint": true
16+
},
17+
"typescript.tsdk": "node_modules/typescript/lib",
18+
"typescript.enablePromptUseWorkspaceTsdk": true,
19+
"[tailwindcss]": {
20+
"editor.defaultFormatter": "esbenp.prettier-vscode"
21+
}
22+
}

‎@ui/components/Button/index.module.css

+143
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,143 @@
1+
.xs {
2+
@apply px-4 py-0.5 text-sm font-semibold rounded-md;
3+
}
4+
5+
.sm {
6+
@apply px-6 py-1 text-sm font-semibold rounded-md;
7+
}
8+
9+
.md {
10+
@apply px-8 py-1.5 text-base font-semibold rounded-md;
11+
}
12+
13+
.lg {
14+
@apply px-10 py-2 text-lg font-semibold rounded-lg;
15+
}
16+
17+
.xl {
18+
@apply px-12 py-3 text-xl font-semibold rounded-lg;
19+
}
20+
21+
.button {
22+
@apply relative overflow-hidden transition-all duration-300 flex items-center justify-center disabled:opacity-50 disabled:pointer-events-none disabled:select-none;
23+
}
24+
25+
.primary {
26+
@apply bg-primary text-white border border-primary hover:bg-opacity-80 active:bg-opacity-90 focus:ring-2 focus:ring-primary focus:ring-offset-2;
27+
}
28+
29+
.secondary {
30+
@apply bg-secondary text-white border border-secondary hover:bg-opacity-80 active:bg-opacity-90 focus:ring-2 focus:ring-secondary focus:ring-offset-2;
31+
}
32+
33+
.success {
34+
@apply bg-success text-white border border-success hover:bg-opacity-80 active:bg-opacity-90 focus:ring-2 focus:ring-success focus:ring-offset-2;
35+
}
36+
37+
.error {
38+
@apply bg-error text-white border border-error hover:bg-opacity-80 active:bg-opacity-90 focus:ring-2 focus:ring-error focus:ring-offset-2;
39+
}
40+
41+
.warning {
42+
@apply bg-warning text-white border border-warning hover:bg-opacity-80 active:bg-opacity-90 focus:ring-2 focus:ring-warning focus:ring-offset-2;
43+
}
44+
45+
.info {
46+
@apply bg-info text-white border border-info hover:bg-opacity-80 active:bg-opacity-90 focus:ring-2 focus:ring-info focus:ring-offset-2;
47+
}
48+
49+
.dark {
50+
@apply bg-dark text-white border border-dark hover:bg-opacity-80 active:bg-opacity-90 focus:ring-2 focus:ring-dark focus:ring-offset-2;
51+
}
52+
53+
.bordered {
54+
@apply border bg-transparent;
55+
}
56+
57+
.bordered.primary {
58+
@apply border border-primary bg-transparent text-primary hover:bg-primary hover:text-white;
59+
}
60+
61+
.bordered.secondary {
62+
@apply border border-secondary bg-transparent text-secondary hover:bg-secondary hover:text-white;
63+
}
64+
65+
.bordered.success {
66+
@apply border border-success bg-transparent text-success hover:bg-success hover:text-white;
67+
}
68+
69+
.bordered.warning {
70+
@apply border border-warning bg-transparent text-warning hover:bg-warning hover:text-white;
71+
}
72+
73+
.bordered.error {
74+
@apply border border-error bg-transparent text-error hover:bg-error hover:text-white;
75+
}
76+
77+
.bordered.info {
78+
@apply border border-info bg-transparent text-info hover:bg-info hover:text-white;
79+
}
80+
81+
.bordered.dark {
82+
@apply border border-dark bg-transparent text-dark hover:bg-dark hover:text-white;
83+
}
84+
85+
.flat {
86+
@apply bg-opacity-20 border-none hover:bg-opacity-40 active:bg-opacity-60;
87+
}
88+
89+
.flat.primary {
90+
@apply text-primary;
91+
}
92+
93+
.flat.secondary {
94+
@apply text-secondary;
95+
}
96+
97+
.flat.success {
98+
@apply text-success;
99+
}
100+
101+
.flat.warning {
102+
@apply text-warning;
103+
}
104+
105+
.flat.error {
106+
@apply text-error;
107+
}
108+
109+
.flat.info {
110+
@apply text-info;
111+
}
112+
113+
.flat.dark {
114+
@apply text-dark;
115+
}
116+
117+
.square {
118+
@apply rounded-none;
119+
}
120+
121+
.pill {
122+
@apply rounded-full;
123+
}
124+
125+
.blockBtn {
126+
@apply block w-full;
127+
}
128+
129+
.btnGroup {
130+
@apply inline-flex items-center;
131+
}
132+
133+
.btnGroup .button:first-child {
134+
@apply rounded-r-none;
135+
}
136+
137+
.btnGroup .button:not(:first-child):not(:last-child) {
138+
@apply rounded-none;
139+
}
140+
141+
.btnGroup .button:last-child {
142+
@apply rounded-l-none;
143+
}

‎@ui/components/Button/index.tsx

+63
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
"use client";
2+
import React, { useRef } from "react";
3+
import { ButtonProps } from "./type";
4+
import classNames from "classnames";
5+
import styles from "./index.module.css";
6+
import Spinner from "@ui/components/Spinner";
7+
import useRippleEffect from "@ui/hooks/useRippleEffect";
8+
import { UIColorWithWhite } from "@ui/ui";
9+
10+
export default function Button(props: ButtonProps) {
11+
const {
12+
className,
13+
color = "primary",
14+
size = "md",
15+
bordered,
16+
children,
17+
flat,
18+
square,
19+
pill,
20+
block,
21+
loading,
22+
spinnerColor,
23+
...buttonProps
24+
} = props;
25+
26+
const buttonRef = useRef<HTMLButtonElement>(null);
27+
28+
useRippleEffect("." + styles.button);
29+
30+
const getSpinnerColor = (): UIColorWithWhite => {
31+
if (spinnerColor) {
32+
return spinnerColor;
33+
}
34+
35+
if (flat) {
36+
return color;
37+
}
38+
39+
return "white";
40+
};
41+
42+
return (
43+
<button
44+
ref={buttonRef}
45+
{...buttonProps}
46+
className={classNames(
47+
className,
48+
styles.button,
49+
styles[size],
50+
styles[color],
51+
{
52+
[styles.bordered]: bordered,
53+
[styles.flat]: flat,
54+
[styles.square]: square,
55+
[styles.pill]: pill,
56+
[styles.blockBtn]: block,
57+
}
58+
)}
59+
>
60+
{loading ? <Spinner size={size} color={getSpinnerColor()} /> : children}
61+
</button>
62+
);
63+
}

‎@ui/components/Button/type.d.ts

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import { UIColor, UIColorWithWhite, UISize } from "../ui";
2+
3+
export interface ButtonProps
4+
extends React.DetailedHTMLProps<
5+
React.ButtonHTMLAttributes<HTMLButtonElement>,
6+
HTMLButtonElement
7+
> {
8+
bordered?: boolean;
9+
flat?: boolean;
10+
color?: UIColor;
11+
size?: UISize;
12+
square?: boolean;
13+
pill?: boolean;
14+
block?: boolean;
15+
loading?: boolean;
16+
spinnerColor?: UIColorWithWhite;
17+
}

‎@ui/components/ButtonGroup/index.tsx

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
import React from "react";
2+
import { ButtonGroupProps } from "./type";
3+
import styles from "@ui/components/Button/index.module.css";
4+
5+
export default function ButtonGroup({ children }: ButtonGroupProps) {
6+
return <div className={styles.btnGroup}>{children}</div>;
7+
}

‎@ui/components/ButtonGroup/type.d.ts

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
import { ButtonProps } from "@ui/Button/type";
2+
3+
export interface ButtonGroupProps {
4+
children: Array<React.ReactElement<ButtonProps>>;
5+
}

‎@ui/components/Spinner/index.module.css

+55
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
.white {
2+
@apply border-white;
3+
}
4+
5+
.primary {
6+
@apply border-primary;
7+
}
8+
9+
.secondary {
10+
@apply border-secondary;
11+
}
12+
13+
.success {
14+
@apply border-success;
15+
}
16+
17+
.warning {
18+
@apply border-warning;
19+
}
20+
21+
.error {
22+
@apply border-error;
23+
}
24+
25+
.info {
26+
@apply border-info;
27+
}
28+
29+
.dark {
30+
@apply border-dark;
31+
}
32+
33+
.spinner {
34+
@apply animate-spin border-4 border-b-transparent inline-block rounded-full;
35+
}
36+
37+
.xs {
38+
@apply w-2 h-2;
39+
}
40+
41+
.sm {
42+
@apply w-4 h-4;
43+
}
44+
45+
.md {
46+
@apply w-6 h-6;
47+
}
48+
49+
.lg {
50+
@apply w-8 h-8;
51+
}
52+
53+
.xl {
54+
@apply w-10 h-10;
55+
}

‎@ui/components/Spinner/index.tsx

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import React from "react";
2+
import { SpinnerProps } from "./type";
3+
import styles from "./index.module.css";
4+
import classNames from "classnames";
5+
6+
export default function Spinner({
7+
size = "md",
8+
color = "white",
9+
}: SpinnerProps) {
10+
return (
11+
<div className={classNames(styles.spinner, styles[color], styles[size])} />
12+
);
13+
}

‎@ui/components/Spinner/type.d.ts

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
import { UIColorWithWhite, UISize } from "@ui/ui";
2+
3+
export interface SpinnerProps {
4+
size?: UISize;
5+
color?: UIColorWithWhite;
6+
}

‎@ui/hooks/useRippleEffect.ts

+50
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
import { uiConfig } from "@ui/ui.config";
2+
import { useEffect } from "react";
3+
4+
export default function useRippleEffect(querySelector: string) {
5+
const listener = (event: Event) => {
6+
const ripple = (event.target as HTMLButtonElement).getElementsByClassName(
7+
"ripple"
8+
)[0];
9+
10+
if (ripple) {
11+
ripple.remove();
12+
}
13+
14+
const circle = document.createElement("span");
15+
const diameter = Math.max(
16+
(event.target as HTMLButtonElement).clientWidth,
17+
(event.target as HTMLButtonElement).clientHeight
18+
);
19+
const radius = diameter / 2;
20+
21+
circle.style.width = circle.style.height = `${diameter}px`;
22+
circle.style.left = `${
23+
(event as MouseEvent).clientX -
24+
((event.target as HTMLButtonElement).offsetLeft + radius)
25+
}px`;
26+
circle.style.top = `${
27+
(event as MouseEvent).clientY -
28+
((event.target as HTMLButtonElement).offsetTop + radius)
29+
}px`;
30+
circle.classList.add("ripple");
31+
32+
(event.target as HTMLButtonElement).appendChild(circle);
33+
};
34+
35+
useEffect(() => {
36+
const elements = document.querySelectorAll(querySelector);
37+
38+
if (uiConfig.buttonRippleEffect) {
39+
elements.forEach((element) =>
40+
element.addEventListener("click", listener)
41+
);
42+
}
43+
44+
return () => {
45+
elements.forEach((element) =>
46+
element.removeEventListener("click", listener)
47+
);
48+
};
49+
}, [querySelector]);
50+
}

‎@ui/ui.config.ts

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
import { UIConfig } from "./ui";
2+
3+
export const uiConfig: UIConfig = {
4+
buttonRippleEffect: true,
5+
};

‎@ui/ui.d.ts

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import { UIColor } from "@ui/ui";
2+
export type UIColor =
3+
| "primary"
4+
| "secondary"
5+
| "success"
6+
| "warning"
7+
| "error"
8+
| "info"
9+
| "dark";
10+
11+
export type UIColorWithWhite = UIColor | "white";
12+
13+
export type UISize = "xs" | "sm" | "md" | "lg" | "xl";
14+
15+
export interface UIConfig {
16+
buttonRippleEffect: boolean;
17+
}

‎app/buttons/page.tsx

+167
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,167 @@
1+
import Button from "@ui/components/Button";
2+
import ButtonGroup from "@ui/components/ButtonGroup";
3+
import React from "react";
4+
5+
export default function Page() {
6+
return (
7+
<div className="flex flex-col items-center p-16 space-y-6">
8+
<h1 className="mx-auto">Buttons</h1>
9+
10+
<h2 className="mx-auto">Colors:</h2>
11+
12+
<div className="flex items-center justify-center w-full space-x-4">
13+
<Button color="primary">Primary</Button>
14+
<Button color="secondary">Secondary</Button>
15+
<Button color="success">Success</Button>
16+
<Button color="info">Info</Button>
17+
<Button color="warning">Warning</Button>
18+
<Button color="error">Error</Button>
19+
<Button color="dark">Dark</Button>
20+
</div>
21+
22+
<h2 className="mx-auto">Flat:</h2>
23+
24+
<div className="flex items-center justify-center w-full space-x-4">
25+
<Button flat color="primary">
26+
Primary
27+
</Button>
28+
<Button flat color="secondary">
29+
Secondary
30+
</Button>
31+
<Button flat color="success">
32+
Success
33+
</Button>
34+
<Button flat color="info">
35+
Info
36+
</Button>
37+
<Button flat color="warning">
38+
Warning
39+
</Button>
40+
<Button flat color="error">
41+
Error
42+
</Button>
43+
<Button flat color="dark">
44+
Dark
45+
</Button>
46+
</div>
47+
48+
<h2 className="mx-auto">Bordered:</h2>
49+
50+
<div className="flex items-center justify-center w-full space-x-4">
51+
<Button bordered color="primary">
52+
Primary
53+
</Button>
54+
<Button bordered color="secondary">
55+
Secondary
56+
</Button>
57+
<Button bordered color="success">
58+
Success
59+
</Button>
60+
<Button bordered color="info">
61+
Info
62+
</Button>
63+
<Button bordered color="warning">
64+
Warning
65+
</Button>
66+
<Button bordered color="error">
67+
Error
68+
</Button>
69+
<Button bordered color="dark">
70+
Dark
71+
</Button>
72+
</div>
73+
74+
<h2 className="mx-auto">Square:</h2>
75+
76+
<div className="flex items-center justify-center w-full space-x-4">
77+
<Button square color="primary">
78+
Primary
79+
</Button>
80+
<Button square color="secondary">
81+
Secondary
82+
</Button>
83+
<Button square color="success">
84+
Success
85+
</Button>
86+
<Button square color="info">
87+
Info
88+
</Button>
89+
<Button square color="warning">
90+
Warning
91+
</Button>
92+
<Button square color="error">
93+
Error
94+
</Button>
95+
<Button square color="dark">
96+
Dark
97+
</Button>
98+
</div>
99+
100+
<h2 className="mx-auto">Pill:</h2>
101+
102+
<div className="flex items-center justify-center w-full space-x-4">
103+
<Button pill color="primary">
104+
Primary
105+
</Button>
106+
<Button pill color="secondary">
107+
Secondary
108+
</Button>
109+
<Button pill color="success">
110+
Success
111+
</Button>
112+
<Button pill color="info">
113+
Info
114+
</Button>
115+
<Button pill color="warning">
116+
Warning
117+
</Button>
118+
<Button pill color="error">
119+
Error
120+
</Button>
121+
<Button pill color="dark">
122+
Dark
123+
</Button>
124+
</div>
125+
126+
<h2 className="mx-auto">Sizes:</h2>
127+
128+
<div className="flex items-center justify-center w-full space-x-4">
129+
<Button size="xs">xs</Button>
130+
<Button size="sm">sm</Button>
131+
<Button>md</Button>
132+
<Button size="lg">lg</Button>
133+
<Button size="xl">xl</Button>
134+
</div>
135+
136+
<h2 className="mx-auto">Block:</h2>
137+
138+
<div className="flex items-center justify-center w-full space-x-4">
139+
<Button block>xs</Button>
140+
</div>
141+
142+
<h2 className="mx-auto">Loading:</h2>
143+
144+
<div className="flex items-center justify-center w-full space-x-4">
145+
<Button loading />
146+
</div>
147+
148+
<h2 className="mx-auto">Disabled:</h2>
149+
150+
<div className="flex items-center justify-center w-full space-x-4">
151+
<Button color="primary" disabled>
152+
Disabled Primary Button
153+
</Button>
154+
</div>
155+
156+
<h2 className="mx-auto">Button Group:</h2>
157+
158+
<div className="flex items-center justify-center w-full space-x-4">
159+
<ButtonGroup>
160+
<Button>First button</Button>
161+
<Button>Second button</Button>
162+
<Button>Third button</Button>
163+
</ButtonGroup>
164+
</div>
165+
</div>
166+
);
167+
}

‎app/globals.css

+11-20
Original file line numberDiff line numberDiff line change
@@ -2,26 +2,17 @@
22
@tailwind components;
33
@tailwind utilities;
44

5-
:root {
6-
--foreground-rgb: 0, 0, 0;
7-
--background-start-rgb: 214, 219, 220;
8-
--background-end-rgb: 255, 255, 255;
5+
.ripple {
6+
position: absolute; /* The absolute position we mentioned earlier */
7+
border-radius: 50%;
8+
transform: scale(0);
9+
animation: ripple 600ms linear;
10+
background-color: rgba(255, 255, 255, 0.7);
911
}
1012

11-
@media (prefers-color-scheme: dark) {
12-
:root {
13-
--foreground-rgb: 255, 255, 255;
14-
--background-start-rgb: 0, 0, 0;
15-
--background-end-rgb: 0, 0, 0;
16-
}
17-
}
18-
19-
body {
20-
color: rgb(var(--foreground-rgb));
21-
background: linear-gradient(
22-
to bottom,
23-
transparent,
24-
rgb(var(--background-end-rgb))
25-
)
26-
rgb(var(--background-start-rgb));
13+
@keyframes ripple {
14+
to {
15+
transform: scale(4);
16+
opacity: 0;
17+
}
2718
}

‎app/layout.tsx

+8-8
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
1-
import './globals.css'
2-
import { Inter } from 'next/font/google'
1+
import "./globals.css";
2+
import { Inter } from "next/font/google";
33

4-
const inter = Inter({ subsets: ['latin'] })
4+
const inter = Inter({ subsets: ["latin"] });
55

66
export const metadata = {
7-
title: 'Create Next App',
8-
description: 'Generated by create next app',
9-
}
7+
title: "Create Next App",
8+
description: "Generated by create next app",
9+
};
1010

1111
export default function RootLayout({
1212
children,
1313
}: {
14-
children: React.ReactNode
14+
children: React.ReactNode;
1515
}) {
1616
return (
1717
<html lang="en">
1818
<body className={inter.className}>{children}</body>
1919
</html>
20-
)
20+
);
2121
}

‎package-lock.json

+2,205-161
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+18-3
Original file line numberDiff line numberDiff line change
@@ -9,16 +9,31 @@
99
"lint": "next lint"
1010
},
1111
"dependencies": {
12+
"classnames": "^2.3.2",
13+
"next": "13.3.1",
14+
"react": "18.2.0",
15+
"react-dom": "18.2.0",
16+
"sass": "^1.62.0",
17+
"sass-loader": "^13.2.2"
18+
},
19+
"devDependencies": {
1220
"@types/node": "18.16.0",
1321
"@types/react": "18.2.0",
1422
"@types/react-dom": "18.2.0",
23+
"@typescript-eslint/eslint-plugin": "^5.56.0",
24+
"@typescript-eslint/parser": "^5.56.0",
1525
"autoprefixer": "10.4.14",
1626
"eslint": "8.39.0",
27+
"eslint-config-airbnb-typescript": "^17.0.0",
1728
"eslint-config-next": "13.3.1",
18-
"next": "13.3.1",
29+
"eslint-config-prettier": "^8.8.0",
30+
"eslint-plugin-import": "^2.27.5",
31+
"eslint-plugin-jsx-a11y": "^6.7.1",
32+
"eslint-plugin-prettier": "^4.2.1",
33+
"eslint-plugin-react": "^7.32.2",
34+
"eslint-plugin-react-hooks": "^4.6.0",
1935
"postcss": "8.4.23",
20-
"react": "18.2.0",
21-
"react-dom": "18.2.0",
36+
"prettier": "^2.8.6",
2237
"tailwindcss": "3.3.1",
2338
"typescript": "5.0.4"
2439
}

‎tailwind.config.js

+9-5
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,15 @@ module.exports = {
77
],
88
theme: {
99
extend: {
10-
backgroundImage: {
11-
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
12-
'gradient-conic':
13-
'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
14-
},
10+
colors: {
11+
primary: '#6366f1',
12+
secondary: '#f97316',
13+
success: '#4ade80',
14+
error: '#ef4444',
15+
warning: '#ffba00',
16+
info: '#38bdf8',
17+
dark: '#020617',
18+
}
1519
},
1620
},
1721
plugins: [],

‎tsconfig.json

+1
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@
2020
}
2121
],
2222
"paths": {
23+
"@ui/*": ["./@ui/*"],
2324
"@/*": ["./*"]
2425
}
2526
},

0 commit comments

Comments
 (0)
Please sign in to comment.