chore(lint): switched to a better lint config

src/tools/ipv4-address-converter/ipv4-address-converter.service.test.ts

@@ -1,5 +1,5 @@
-import { expect, describe, it } from 'vitest';
-import { isValidIpv4, ipv4ToInt } from './ipv4-address-converter.service';
+import { describe, expect, it } from 'vitest';
+import { ipv4ToInt, isValidIpv4 } from './ipv4-address-converter.service';
 
 describe('ipv4-address-converter', () => {
   describe('ipv4ToInt', () => {

src/tools/ipv4-address-converter/ipv4-address-converter.service.ts

@@ -10,7 +10,7 @@ function ipv4ToInt({ ip }: { ip: string }) {
   return ip
     .trim()
     .split('.')
-    .reduce((acc, part, index) => acc + Number(part) * Math.pow(256, 3 - index), 0);
+    .reduce((acc, part, index) => acc + Number(part) * 256 ** (3 - index), 0);
 }
 
 function ipv4ToIpv6({ ip, prefix = '0000:0000:0000:0000:0000:ffff:' }: { ip: string; prefix?: string }) {
@@ -19,13 +19,13 @@ function ipv4ToIpv6({ ip, prefix = '0000:0000:0000:0000:0000:ffff:' }: { ip: str
   }
 
   return (
-    prefix +
-    _.chain(ip)
+    prefix
+    + _.chain(ip)
       .trim()
       .split('.')
-      .map((part) => parseInt(part).toString(16).padStart(2, '0'))
+      .map(part => parseInt(part).toString(16).padStart(2, '0'))
       .chunk(2)
-      .map((blocks) => blocks.join(''))
+      .map(blocks => blocks.join(''))
       .join(':')
       .value()
   );

src/tools/ipv4-address-converter/ipv4-address-converter.vue

@@ -1,27 +1,7 @@
-<template>
-  <div>
-    <c-input-text v-model:value="rawIpAddress" label="The ipv4 address:" placeholder="The ipv4 address..." />
-
-    <n-divider />
-
-    <input-copyable
-      v-for="{ label, value } of convertedSections"
-      :key="label"
-      :label="label"
-      label-position="left"
-      label-width="100px"
-      label-align="right"
-      mb-2
-      :value="validationAttrs.validationStatus === 'error' ? '' : value"
-      placeholder="Set a correct ipv4 address"
-    />
-  </div>
-</template>
-
 <script setup lang="ts">
-import { useValidation } from '@/composable/validation';
 import { convertBase } from '../integer-base-converter/integer-base-converter.model';
 import { ipv4ToInt, ipv4ToIpv6, isValidIpv4 } from './ipv4-address-converter.service';
+import { useValidation } from '@/composable/validation';
 
 const rawIpAddress = useStorage('ipv4-converter:ip', '192.168.1.1');
 
@@ -54,8 +34,26 @@ const convertedSections = computed(() => {
 
 const { attrs: validationAttrs } = useValidation({
   source: rawIpAddress,
-  rules: [{ message: 'Invalid ipv4 address', validator: (ip) => isValidIpv4({ ip }) }],
+  rules: [{ message: 'Invalid ipv4 address', validator: ip => isValidIpv4({ ip }) }],
 });
 </script>
 
-<style lang="less" scoped></style>
+<template>
+  <div>
+    <c-input-text v-model:value="rawIpAddress" label="The ipv4 address:" placeholder="The ipv4 address..." />
+
+    <n-divider />
+
+    <input-copyable
+      v-for="{ label, value } of convertedSections"
+      :key="label"
+      :label="label"
+      label-position="left"
+      label-width="100px"
+      label-align="right"
+      mb-2
+      :value="validationAttrs.validationStatus === 'error' ? '' : value"
+      placeholder="Set a correct ipv4 address"
+    />
+  </div>
+</template>