chore(lint): switched to a better lint config

src/tools/phone-parser-and-formatter/phone-parser-and-formatter.e2e.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Tool - Phone parser and formatter', () => {
   test.beforeEach(async ({ page }) => {

src/tools/phone-parser-and-formatter/phone-parser-and-formatter.models.ts

@@ -18,13 +18,17 @@ const typeToLabel: Record<NonNullable<NumberType>, string> = {
 };
 
 function formatTypeToHumanReadable(type: NumberType): string | undefined {
-  if (!type) return undefined;
+  if (!type) {
+    return undefined;
+  }
 
   return typeToLabel[type];
 }
 
 function getFullCountryName(countryCode: string | undefined) {
-  if (!countryCode) return undefined;
+  if (!countryCode) {
+    return undefined;
+  }
 
   return lookup.byIso(countryCode)?.country;
 }
@@ -35,7 +39,9 @@ function getDefaultCountryCode({
 }: { locale?: string; defaultCode?: CountryCode } = {}): CountryCode {
   const countryCode = locale.split('-')[1]?.toUpperCase();
 
-  if (!countryCode) return defaultCode;
+  if (!countryCode) {
+    return defaultCode;
+  }
 
   return (lookup.byIso(countryCode)?.iso2 ?? defaultCode) as CountryCode;
 }

src/tools/phone-parser-and-formatter/phone-parser-and-formatter.vue

@@ -1,44 +1,14 @@
-<template>
-  <div>
-    <n-form-item label="Default country code:">
-      <n-select v-model:value="defaultCountryCode" :options="countriesOptions" />
-    </n-form-item>
-
-    <c-input-text
-      v-model:value="rawPhone"
-      placeholder="Enter a phone number"
-      label="Phone number:"
-      :validation="validation"
-      mb-5
-    />
-
-    <n-table v-if="parsedDetails">
-      <tbody>
-        <tr v-for="{ label, value } in parsedDetails" :key="label">
-          <td>
-            <n-text strong>{{ label }}</n-text>
-          </td>
-          <td>
-            <span-copyable v-if="value" :value="value"></span-copyable>
-            <n-text v-else depth="3" italic>Unknown</n-text>
-          </td>
-        </tr>
-      </tbody>
-    </n-table>
-  </div>
-</template>
-
 <script setup lang="ts">
-import { withDefaultOnError } from '@/utils/defaults';
-import { parsePhoneNumber, getCountries, getCountryCallingCode } from 'libphonenumber-js/max';
-import { booleanToHumanReadable } from '@/utils/boolean';
-import { useValidation } from '@/composable/validation';
+import { getCountries, getCountryCallingCode, parsePhoneNumber } from 'libphonenumber-js/max';
 import lookup from 'country-code-lookup';
 import {
   formatTypeToHumanReadable,
-  getFullCountryName,
   getDefaultCountryCode,
+  getFullCountryName,
 } from './phone-parser-and-formatter.models';
+import { withDefaultOnError } from '@/utils/defaults';
+import { booleanToHumanReadable } from '@/utils/boolean';
+import { useValidation } from '@/composable/validation';
 
 const rawPhone = ref('');
 const defaultCountryCode = ref(getDefaultCountryCode());
@@ -46,18 +16,22 @@ const validation = useValidation({
   source: rawPhone,
   rules: [
     {
-      validator: (value) => value === '' || /^[0-9 +\-()]+$/.test(value),
+      validator: value => value === '' || /^[0-9 +\-()]+$/.test(value),
       message: 'Invalid phone number',
     },
   ],
 });
 
 const parsedDetails = computed(() => {
-  if (!validation.isValid) return undefined;
+  if (!validation.isValid) {
+    return undefined;
+  }
 
   const parsed = withDefaultOnError(() => parsePhoneNumber(rawPhone.value, defaultCountryCode.value), undefined);
 
-  if (!parsed) return undefined;
+  if (!parsed) {
+    return undefined;
+  }
 
   return [
     {
@@ -103,10 +77,42 @@ const parsedDetails = computed(() => {
   ];
 });
 
-const countriesOptions = getCountries().map((code) => ({
+const countriesOptions = getCountries().map(code => ({
   label: `${lookup.byIso(code)?.country || code} (+${getCountryCallingCode(code)})`,
   value: code,
 }));
 </script>
 
-<style lang="less" scoped></style>
+<template>
+  <div>
+    <n-form-item label="Default country code:">
+      <n-select v-model:value="defaultCountryCode" :options="countriesOptions" />
+    </n-form-item>
+
+    <c-input-text
+      v-model:value="rawPhone"
+      placeholder="Enter a phone number"
+      label="Phone number:"
+      :validation="validation"
+      mb-5
+    />
+
+    <n-table v-if="parsedDetails">
+      <tbody>
+        <tr v-for="{ label, value } in parsedDetails" :key="label">
+          <td>
+            <n-text strong>
+              {{ label }}
+            </n-text>
+          </td>
+          <td>
+            <span-copyable v-if="value" :value="value" />
+            <n-text v-else depth="3" italic>
+              Unknown
+            </n-text>
+          </td>
+        </tr>
+      </tbody>
+    </n-table>
+  </div>
+</template>