Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(logger): make file path clickable in terminal #280

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/slimy-waves-double.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'vite-plugin-checker': patch
---

feat: make filepath in terminal clickable
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

exports[`logger > diagnosticToTerminalLog > get error 1`] = `
" ERROR(ESLint) Unexpected var, use let or const instead.
FILE /Users/vite-plugin-checker/playground/eslint/src/main.ts:3:1
FILE file:///Users/vite-plugin-checker/playground/eslint/src/main.ts:3:1

1 | import { text } from './text'
2 |
Expand All @@ -16,7 +16,7 @@ exports[`logger > diagnosticToTerminalLog > get error 1`] = `

exports[`logger > diagnosticToTerminalLog > get warning 1`] = `
" WARNING(ESLint) Unexpected var, use let or const instead.
FILE /Users/vite-plugin-checker/playground/eslint/src/main.ts:3:1
FILE file:///Users/vite-plugin-checker/playground/eslint/src/main.ts:3:1

1 | import { text } from './text'
2 |
Expand Down
3 changes: 2 additions & 1 deletion packages/vite-plugin-checker/src/logger.ts
Original file line number Diff line number Diff line change
Expand Up @@ -104,13 +104,14 @@ export function diagnosticToTerminalLog(

const levelLabel = labelMap[d.level ?? DiagnosticLevel.Error]
const fileLabel = boldBlack.bgCyanBright(' FILE ') + ' '
const filePath = 'file://' + d.id
const position = d.loc
? chalk.yellow(d.loc.start.line) + ':' + chalk.yellow(d.loc.start.column)
: ''

return [
levelLabel + ' ' + d.message,
fileLabel + d.id + ':' + position + os.EOL,
fileLabel + filePath + ':' + position + os.EOL,
d.codeFrame + os.EOL,
d.conclusion,
]
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ exports[`backend-integration > serve > get initial error 1`] = `"[{\\"checkerId\
exports[`backend-integration > serve > get initial error 2`] = `
"
ERROR(TypeScript) Argument of type 'number' is not assignable to parameter of type 'string | (() => string)'.
FILE <PROJECT_ROOT>/playground-temp/backend-integration/src/App.tsx:6:46
FILE file://<PROJECT_ROOT>/playground-temp/backend-integration/src/App.tsx:6:46

4 |
5 | function App() {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ exports[`config-default > serve > get initial error 1`] = `"[{\\"checkerId\\":\\

exports[`config-default > serve > get initial error 2`] = `
" ERROR(ESLint) Unexpected var, use let or const instead. (no-var)
FILE <PROJECT_ROOT>/playground-temp/config-default/src/main.ts:3:1
FILE file://<PROJECT_ROOT>/playground-temp/config-default/src/main.ts:3:1

1 | import { text } from './text'
2 |
Expand All @@ -14,7 +14,7 @@ exports[`config-default > serve > get initial error 2`] = `
5 | const rootDom = document.querySelector('#root')! as HTMLElement
6 | rootDom.innerHTML = hello + text
WARNING(ESLint) Forbidden non-null assertion. (@typescript-eslint/no-non-null-assertion)
FILE <PROJECT_ROOT>/playground-temp/config-default/src/main.ts:5:17
FILE file://<PROJECT_ROOT>/playground-temp/config-default/src/main.ts:5:17

3 | var hello = 'Hello'
4 |
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ exports[`eslint-config-log-level > serve > should only emit warning logs 1`] = `

exports[`eslint-config-log-level > serve > should only emit warning logs 2`] = `
" WARNING(ESLint) Forbidden non-null assertion. (@typescript-eslint/no-non-null-assertion)
FILE <PROJECT_ROOT>/playground-temp/eslint-config-log-level/src/main.ts:5:17
FILE file://<PROJECT_ROOT>/playground-temp/eslint-config-log-level/src/main.ts:5:17

3 | var hello = 'Hello'
4 |
Expand All @@ -20,7 +20,7 @@ exports[`eslint-config-log-level > serve > should only emit warning logs 3`] = `

exports[`eslint-config-log-level > serve > should only emit warning logs 4`] = `
" WARNING(ESLint) Forbidden non-null assertion. (@typescript-eslint/no-non-null-assertion)
FILE <PROJECT_ROOT>/playground-temp/eslint-config-log-level/src/main.ts:5:17
FILE file://<PROJECT_ROOT>/playground-temp/eslint-config-log-level/src/main.ts:5:17

3 | var hello = 'Hello~'
4 |
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ exports[`eslint > serve > get initial error and subsequent error 1`] = `"[{\\"ch

exports[`eslint > serve > get initial error and subsequent error 2`] = `
" ERROR(ESLint) Unexpected var, use let or const instead. (no-var)
FILE <PROJECT_ROOT>/playground-temp/eslint-default/src/main.ts:3:1
FILE file://<PROJECT_ROOT>/playground-temp/eslint-default/src/main.ts:3:1

1 | import { text } from './text'
2 |
Expand All @@ -14,7 +14,7 @@ exports[`eslint > serve > get initial error and subsequent error 2`] = `
5 | const rootDom = document.querySelector('#root')!
6 | rootDom.innerHTML = hello + text
WARNING(ESLint) Forbidden non-null assertion. (@typescript-eslint/no-non-null-assertion)
FILE <PROJECT_ROOT>/playground-temp/eslint-default/src/main.ts:5:17
FILE file://<PROJECT_ROOT>/playground-temp/eslint-default/src/main.ts:5:17

3 | var hello = 'Hello'
4 |
Expand All @@ -30,7 +30,7 @@ exports[`eslint > serve > get initial error and subsequent error 3`] = `"[{\\"ch

exports[`eslint > serve > get initial error and subsequent error 4`] = `
" ERROR(ESLint) Unexpected var, use let or const instead. (no-var)
FILE <PROJECT_ROOT>/playground-temp/eslint-default/src/main.ts:3:1
FILE file://<PROJECT_ROOT>/playground-temp/eslint-default/src/main.ts:3:1

1 | import { text } from './text'
2 |
Expand All @@ -40,7 +40,7 @@ exports[`eslint > serve > get initial error and subsequent error 4`] = `
5 | const rootDom = document.querySelector('#root')!
6 | rootDom.innerHTML = hello + text
WARNING(ESLint) Forbidden non-null assertion. (@typescript-eslint/no-non-null-assertion)
FILE <PROJECT_ROOT>/playground-temp/eslint-default/src/main.ts:5:17
FILE file://<PROJECT_ROOT>/playground-temp/eslint-default/src/main.ts:5:17

3 | var hello = 'Hello~'
4 |
Expand All @@ -56,7 +56,7 @@ exports[`eslint > serve > get initial error and subsequent error 5`] = `"[{\\"ch

exports[`eslint > serve > get initial error and subsequent error 6`] = `
" ERROR(ESLint) Unexpected var, use let or const instead. (no-var)
FILE <PROJECT_ROOT>/playground-temp/eslint-default/src/main.ts:3:1
FILE file://<PROJECT_ROOT>/playground-temp/eslint-default/src/main.ts:3:1

1 | import { text } from './text'
2 |
Expand All @@ -66,7 +66,7 @@ exports[`eslint > serve > get initial error and subsequent error 6`] = `
5 | const rootDom = document.querySelector('#root')!
6 | rootDom.innerHTML = hello + text
WARNING(ESLint) Forbidden non-null assertion. (@typescript-eslint/no-non-null-assertion)
FILE <PROJECT_ROOT>/playground-temp/eslint-default/src/main.ts:5:17
FILE file://<PROJECT_ROOT>/playground-temp/eslint-default/src/main.ts:5:17

3 | var hello = 'Hello~'
4 |
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ exports[`multiple-hmr > serve > get initial error and subsequent error 1`] = `"[

exports[`multiple-hmr > serve > get initial error and subsequent error 2`] = `
" ERROR(ESLint) Unexpected var, use let or const instead. (no-var)
FILE <PROJECT_ROOT>/playground-temp/multiple-hmr/src/App.tsx:6:3
FILE file://<PROJECT_ROOT>/playground-temp/multiple-hmr/src/App.tsx:6:3

4 |
5 | function App() {
Expand All @@ -15,7 +15,7 @@ exports[`multiple-hmr > serve > get initial error and subsequent error 2`] = `
9 | <header className=\\"App-header\\">
[ESLint] Found 1 error and 0 warning
ERROR(TypeScript) Argument of type 'number' is not assignable to parameter of type 'string | (() => string)'.
FILE <PROJECT_ROOT>/playground-temp/multiple-hmr/src/App.tsx:6:44
FILE file://<PROJECT_ROOT>/playground-temp/multiple-hmr/src/App.tsx:6:44

4 |
5 | function App() {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ exports[`multiple-reload > serve > get initial error and subsequent error 1`] =

exports[`multiple-reload > serve > get initial error and subsequent error 2`] = `
" ERROR(ESLint) Unexpected var, use let or const instead. (no-var)
FILE <PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:3:1
FILE file://<PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:3:1

1 | import { text } from './text'
2 |
Expand All @@ -14,7 +14,7 @@ exports[`multiple-reload > serve > get initial error and subsequent error 2`] =
5 |
6 | const rootDom = document.querySelector('#root')!
ERROR(ESLint) Unexpected var, use let or const instead. (no-var)
FILE <PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:4:1
FILE file://<PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:4:1

2 |
3 | var hello1: number = 'Hello1'
Expand All @@ -25,7 +25,7 @@ exports[`multiple-reload > serve > get initial error and subsequent error 2`] =
7 | rootDom.innerHTML = hello1 + text
[ESLint] Found 2 errors and 0 warning
ERROR(TypeScript) Type 'string' is not assignable to type 'number'.
FILE <PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:3:5
FILE file://<PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:3:5

1 | import { text } from './text'
2 |
Expand All @@ -36,7 +36,7 @@ exports[`multiple-reload > serve > get initial error and subsequent error 2`] =
6 | const rootDom = document.querySelector('#root')!

ERROR(TypeScript) Type 'string' is not assignable to type 'boolean'.
FILE <PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:4:5
FILE file://<PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:4:5

2 |
3 | var hello1: number = 'Hello1'
Expand All @@ -53,7 +53,7 @@ exports[`multiple-reload > serve > get initial error and subsequent error 3`] =

exports[`multiple-reload > serve > get initial error and subsequent error 4`] = `
" ERROR(ESLint) Unexpected var, use let or const instead. (no-var)
FILE <PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:3:1
FILE file://<PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:3:1

1 | import { text } from './text'
2 |
Expand All @@ -63,7 +63,7 @@ exports[`multiple-reload > serve > get initial error and subsequent error 4`] =
5 |
6 | const rootDom = document.querySelector('#root')!
ERROR(ESLint) Unexpected var, use let or const instead. (no-var)
FILE <PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:4:1
FILE file://<PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:4:1

2 |
3 | var hello1: number = 'Hello1~'
Expand All @@ -74,7 +74,7 @@ exports[`multiple-reload > serve > get initial error and subsequent error 4`] =
7 | rootDom.innerHTML = hello1 + text
[ESLint] Found 2 errors and 0 warning
ERROR(TypeScript) Type 'string' is not assignable to type 'number'.
FILE <PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:3:5
FILE file://<PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:3:5

1 | import { text } from './text'
2 |
Expand All @@ -85,7 +85,7 @@ exports[`multiple-reload > serve > get initial error and subsequent error 4`] =
6 | const rootDom = document.querySelector('#root')!

ERROR(TypeScript) Type 'string' is not assignable to type 'boolean'.
FILE <PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:4:5
FILE file://<PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:4:5

2 |
3 | var hello1: number = 'Hello1~'
Expand All @@ -102,7 +102,7 @@ exports[`multiple-reload > serve > get initial error and subsequent error 5`] =

exports[`multiple-reload > serve > get initial error and subsequent error 6`] = `
" ERROR(ESLint) Unexpected var, use let or const instead. (no-var)
FILE <PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:3:1
FILE file://<PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:3:1

1 | import { text } from './text'
2 |
Expand All @@ -112,7 +112,7 @@ exports[`multiple-reload > serve > get initial error and subsequent error 6`] =
5 |
6 | const rootDom = document.querySelector('#root')!
ERROR(ESLint) Unexpected var, use let or const instead. (no-var)
FILE <PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:4:1
FILE file://<PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:4:1

2 |
3 | var hello1: number = 'Hello1~'
Expand All @@ -123,7 +123,7 @@ exports[`multiple-reload > serve > get initial error and subsequent error 6`] =
7 | rootDom.innerHTML = hello1 + text
[ESLint] Found 2 errors and 0 warning
ERROR(TypeScript) Type 'string' is not assignable to type 'number'.
FILE <PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:3:5
FILE file://<PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:3:5

1 | import { text } from './text'
2 |
Expand All @@ -134,7 +134,7 @@ exports[`multiple-reload > serve > get initial error and subsequent error 6`] =
6 | const rootDom = document.querySelector('#root')!

ERROR(TypeScript) Type 'string' is not assignable to type 'boolean'.
FILE <PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:4:5
FILE file://<PROJECT_ROOT>/playground-temp/multiple-reload/src/main.ts:4:5

2 |
3 | var hello1: number = 'Hello1~'
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ exports[`stylelint > serve > get initial error and subsequent error 1`] = `"[{\\

exports[`stylelint > serve > get initial error and subsequent error 2`] = `
" ERROR(Stylelint) Unexpected empty block (block-no-empty) (block-no-empty)
FILE <PROJECT_ROOT>/playground-temp/stylelint-default/src/style.css:1:7
FILE file://<PROJECT_ROOT>/playground-temp/stylelint-default/src/style.css:1:7

> 1 | #root {
| ^
Expand All @@ -14,7 +14,7 @@ exports[`stylelint > serve > get initial error and subsequent error 2`] = `
4 | body {
5 | color: rgb(0, 0, 0);
ERROR(Stylelint) Expected modern color-function notation (color-function-notation) (color-function-notation)
FILE <PROJECT_ROOT>/playground-temp/stylelint-default/src/style.css:5:10
FILE file://<PROJECT_ROOT>/playground-temp/stylelint-default/src/style.css:5:10

3 |
4 | body {
Expand All @@ -29,7 +29,7 @@ exports[`stylelint > serve > get initial error and subsequent error 3`] = `"[{\\

exports[`stylelint > serve > get initial error and subsequent error 4`] = `
" ERROR(Stylelint) Unexpected empty block (block-no-empty) (block-no-empty)
FILE <PROJECT_ROOT>/playground-temp/stylelint-default/src/style.css:1:7
FILE file://<PROJECT_ROOT>/playground-temp/stylelint-default/src/style.css:1:7

> 1 | #root {
| ^
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ exports[`typescript-react > serve > get initial error and subsequent error 1`] =
exports[`typescript-react > serve > get initial error and subsequent error 2`] = `
"
ERROR(TypeScript) Argument of type 'number' is not assignable to parameter of type 'string | (() => string)'.
FILE <PROJECT_ROOT>/playground-temp/typescript-react/src/App.tsx:6:46
FILE file://<PROJECT_ROOT>/playground-temp/typescript-react/src/App.tsx:6:46

4 |
5 | function App() {
Expand All @@ -23,7 +23,7 @@ exports[`typescript-react > serve > get initial error and subsequent error 3`] =
exports[`typescript-react > serve > get initial error and subsequent error 4`] = `
"
ERROR(TypeScript) Argument of type 'number' is not assignable to parameter of type 'string | (() => string)'.
FILE <PROJECT_ROOT>/playground-temp/typescript-react/src/App.tsx:6:46
FILE file://<PROJECT_ROOT>/playground-temp/typescript-react/src/App.tsx:6:46

4 |
5 | function App() {
Expand Down
4 changes: 2 additions & 2 deletions playground/vls-vue2/__tests__/__snapshots__/test.spec.ts.snap
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ exports[`vue2-vls > serve > get initial error and subsequent error 1`] = `"[{\\"

exports[`vue2-vls > serve > get initial error and subsequent error 2`] = `
" ERROR(VLS) Property 'msg1' does not exist on type 'CombinedVueInstance<{ msg: string; } & Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, ...>> & Vue<...>, ... 4 more ..., {}>'. Did you mean 'msg'?
FILE <PROJECT_ROOT>/playground-temp/vls-vue2/src/components/HelloWorld.vue:3:12
FILE file://<PROJECT_ROOT>/playground-temp/vls-vue2/src/components/HelloWorld.vue:3:12

1 | <template>
2 | <div class=\\"hello\\">
Expand All @@ -20,7 +20,7 @@ exports[`vue2-vls > serve > get initial error and subsequent error 3`] = `"[{\\"

exports[`vue2-vls > serve > get initial error and subsequent error 4`] = `
" ERROR(VLS) Property 'msg2' does not exist on type 'CombinedVueInstance<{ msg: string; } & Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, ...>> & Vue<...>, ... 4 more ..., {}>'. Did you mean 'msg'?
FILE <PROJECT_ROOT>/playground-temp/vls-vue2/src/components/HelloWorld.vue:3:12
FILE file://<PROJECT_ROOT>/playground-temp/vls-vue2/src/components/HelloWorld.vue:3:12

1 | <template>
2 | <div class=\\"hello\\">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ exports[`vue-tsc-vue3-ts4 > serve > get initial error and subsequent error 2`] =
"
ERROR(vue-tsc) Argument of type '{ msg1: string; }' is not assignable to parameter of type 'Partial<{}> & Omit<Readonly<ExtractPropTypes<{ msg: { type: StringConstructor; required: true; }; }>> & VNodeProps & AllowedComponentProps & ComponentCustomProps, never> & Record<...>'.
Property 'msg' is missing in type '{ msg1: string; }' but required in type 'Omit<Readonly<ExtractPropTypes<{ msg: { type: StringConstructor; required: true; }; }>> & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>'.
FILE <PROJECT_ROOT>/playground-temp/vue-tsc-vue3-ts4/src/App.vue:3:4
FILE file://<PROJECT_ROOT>/playground-temp/vue-tsc-vue3-ts4/src/App.vue:3:4

1 | <template>
2 | <img alt=\\"Vue logo\\" src=\\"./assets/logo.png\\" />
Expand All @@ -25,7 +25,7 @@ exports[`vue-tsc-vue3-ts4 > serve > get initial error and subsequent error 4`] =
"
ERROR(vue-tsc) Argument of type '{ msg2: string; }' is not assignable to parameter of type 'Partial<{}> & Omit<Readonly<ExtractPropTypes<{ msg: { type: StringConstructor; required: true; }; }>> & VNodeProps & AllowedComponentProps & ComponentCustomProps, never> & Record<...>'.
Property 'msg' is missing in type '{ msg2: string; }' but required in type 'Omit<Readonly<ExtractPropTypes<{ msg: { type: StringConstructor; required: true; }; }>> & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>'.
FILE <PROJECT_ROOT>/playground-temp/vue-tsc-vue3-ts4/src/App.vue:3:4
FILE file://<PROJECT_ROOT>/playground-temp/vue-tsc-vue3-ts4/src/App.vue:3:4

1 | <template>
2 | <img alt=\\"Vue logo\\" src=\\"./assets/logo.png\\" />
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ exports[`vue-tsc-vue3 > serve > get initial error and subsequent error 2`] = `
"
ERROR(vue-tsc) Argument of type '{ msg1: string; }' is not assignable to parameter of type 'Partial<{}> & Omit<Readonly<ExtractPropTypes<{ msg: { type: StringConstructor; required: true; }; }>> & VNodeProps & AllowedComponentProps & ComponentCustomProps, never> & Record<...>'.
Property 'msg' is missing in type '{ msg1: string; }' but required in type 'Omit<Readonly<ExtractPropTypes<{ msg: { type: StringConstructor; required: true; }; }>> & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>'.
FILE <PROJECT_ROOT>/playground-temp/vue-tsc-vue3/src/App.vue:3:4
FILE file://<PROJECT_ROOT>/playground-temp/vue-tsc-vue3/src/App.vue:3:4

1 | <template>
2 | <img alt=\\"Vue logo\\" src=\\"./assets/logo.png\\" />
Expand All @@ -25,7 +25,7 @@ exports[`vue-tsc-vue3 > serve > get initial error and subsequent error 4`] = `
"
ERROR(vue-tsc) Argument of type '{ msg2: string; }' is not assignable to parameter of type 'Partial<{}> & Omit<Readonly<ExtractPropTypes<{ msg: { type: StringConstructor; required: true; }; }>> & VNodeProps & AllowedComponentProps & ComponentCustomProps, never> & Record<...>'.
Property 'msg' is missing in type '{ msg2: string; }' but required in type 'Omit<Readonly<ExtractPropTypes<{ msg: { type: StringConstructor; required: true; }; }>> & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>'.
FILE <PROJECT_ROOT>/playground-temp/vue-tsc-vue3/src/App.vue:3:4
FILE file://<PROJECT_ROOT>/playground-temp/vue-tsc-vue3/src/App.vue:3:4

1 | <template>
2 | <img alt=\\"Vue logo\\" src=\\"./assets/logo.png\\" />
Expand Down