diff options
| -rw-r--r-- | .github/workflows/ci.yml | 3 | ||||
| -rw-r--r-- | src/components/SearchBar.vue | 2 | ||||
| -rw-r--r-- | src/composable/copy.ts | 6 | ||||
| -rw-r--r-- | src/composable/queryParams.ts | 2 | ||||
| -rw-r--r-- | src/tools/json-viewer/json.models.ts | 2 | ||||
| -rw-r--r-- | src/tools/user-agent-parser/user-agent-parser.types.ts | 2 | ||||
| -rw-r--r-- | src/tools/user-agent-parser/user-agent-parser.vue | 20 |
7 files changed, 20 insertions, 17 deletions
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index f251edd..5f5a9b6 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -27,5 +27,8 @@ jobs: - name: Run unit test run: pnpm test + - name: Type check + run: pnpm typecheck + - name: Build the app run: pnpm build diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue index 78d6fd7..e69d817 100644 --- a/src/components/SearchBar.vue +++ b/src/components/SearchBar.vue @@ -81,7 +81,7 @@ function onFocus() { <n-auto-complete v-model:value="queryString" :options="options" - :on-select="(value) => onSelect(String(value))" + :on-select="(value: string | number) => onSelect(String(value))" :render-label="renderOption" :default-value="'aa'" :get-show="() => displayDropDown" diff --git a/src/composable/copy.ts b/src/composable/copy.ts index c389001..af4921b 100644 --- a/src/composable/copy.ts +++ b/src/composable/copy.ts @@ -1,8 +1,8 @@ -import { useClipboard, type MaybeRef } from '@vueuse/core'; +import { useClipboard, type MaybeRef, get } from '@vueuse/core'; import { useMessage } from 'naive-ui'; -export function useCopy({ source, text = 'Copied to the clipboard' }: { source: MaybeRef<string>; text?: string }) { - const { copy } = useClipboard({ source }); +export function useCopy({ source, text = 'Copied to the clipboard' }: { source: MaybeRef<unknown>; text?: string }) { + const { copy } = useClipboard({ source: computed(() => String(get(source))) }); const message = useMessage(); return { diff --git a/src/composable/queryParams.ts b/src/composable/queryParams.ts index b62c8b3..9699abb 100644 --- a/src/composable/queryParams.ts +++ b/src/composable/queryParams.ts @@ -26,7 +26,7 @@ function useQueryParam<T>({ name, defaultValue }: { name: string; defaultValue: return computed<T>({ get() { - return transformer.fromQuery(proxy.value) as T; + return transformer.fromQuery(proxy.value) as unknown as T; }, set(value) { proxy.value = transformer.toQuery(value as never); diff --git a/src/tools/json-viewer/json.models.ts b/src/tools/json-viewer/json.models.ts index 15f981f..10cd326 100644 --- a/src/tools/json-viewer/json.models.ts +++ b/src/tools/json-viewer/json.models.ts @@ -9,7 +9,7 @@ function sortObjectKeys<T>(obj: T): T { } if (Array.isArray(obj)) { - return obj.map(sortObjectKeys) as T; + return obj.map(sortObjectKeys) as unknown as T; } return Object.keys(obj) diff --git a/src/tools/user-agent-parser/user-agent-parser.types.ts b/src/tools/user-agent-parser/user-agent-parser.types.ts index f84719f..6c2720b 100644 --- a/src/tools/user-agent-parser/user-agent-parser.types.ts +++ b/src/tools/user-agent-parser/user-agent-parser.types.ts @@ -6,7 +6,7 @@ export type UserAgentResultSection = { icon?: Component; content: { label: string; - getValue: (blocks: UAParser.IResult) => string | undefined; + getValue: (blocks?: UAParser.IResult) => string | undefined; undefinedFallback?: string; }[]; }; diff --git a/src/tools/user-agent-parser/user-agent-parser.vue b/src/tools/user-agent-parser/user-agent-parser.vue index a256ec6..8a3435d 100644 --- a/src/tools/user-agent-parser/user-agent-parser.vue +++ b/src/tools/user-agent-parser/user-agent-parser.vue @@ -40,12 +40,12 @@ const sections: UserAgentResultSection[] = [ content: [ { label: 'Name', - getValue: (block) => block.browser.name, + getValue: (block) => block?.browser.name, undefinedFallback: 'No browser name available', }, { label: 'Version', - getValue: (block) => block.browser.version, + getValue: (block) => block?.browser.version, undefinedFallback: 'No browser version available', }, ], @@ -56,12 +56,12 @@ const sections: UserAgentResultSection[] = [ content: [ { label: 'Name', - getValue: (block) => block.engine.name, + getValue: (block) => block?.engine.name, undefinedFallback: 'No engine name available', }, { label: 'Version', - getValue: (block) => block.engine.version, + getValue: (block) => block?.engine.version, undefinedFallback: 'No engine version available', }, ], @@ -72,12 +72,12 @@ const sections: UserAgentResultSection[] = [ content: [ { label: 'Name', - getValue: (block) => block.os.name, + getValue: (block) => block?.os.name, undefinedFallback: 'No OS name available', }, { label: 'Version', - getValue: (block) => block.os.version, + getValue: (block) => block?.os.version, undefinedFallback: 'No OS version available', }, ], @@ -88,17 +88,17 @@ const sections: UserAgentResultSection[] = [ content: [ { label: 'Model', - getValue: (block) => block.device.model, + getValue: (block) => block?.device.model, undefinedFallback: 'No device model available', }, { label: 'Type', - getValue: (block) => block.device.type, + getValue: (block) => block?.device.type, undefinedFallback: 'No device type available', }, { label: 'Vendor', - getValue: (block) => block.device.vendor, + getValue: (block) => block?.device.vendor, undefinedFallback: 'No device vendor available', }, ], @@ -109,7 +109,7 @@ const sections: UserAgentResultSection[] = [ content: [ { label: 'Architecture', - getValue: (block) => block.cpu.architecture, + getValue: (block) => block?.cpu.architecture, undefinedFallback: 'No CPU architecture available', }, ], |