🔒 SSR UPDATE

src/tools/case-converter/case-converter.vue

@@ -12,7 +12,7 @@ import {
   sentenceCase,
   snakeCase,
 } from 'change-case';
-import InputCopyable from '../../components/InputCopyable.vue';
+import InputCopyable from '@/components/InputCopyable.vue';
 
 const baseConfig = {
   stripRegexp: /[^A-Za-zÀ-ÖØ-öø-ÿ]+/gi,

src/tools/chmod-calculator/chmod-calculator.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useThemeVars } from 'naive-ui';
 
-import InputCopyable from '../../components/InputCopyable.vue';
+import InputCopyable from '@/components/InputCopyable.vue';
 import { computeChmodOctalRepresentation, computeChmodSymbolicRepresentation } from './chmod-calculator.service';
 
 import type { Group, Scope } from './chmod-calculator.types';

src/tools/hash-text/hash-text.vue

@@ -2,7 +2,7 @@
 import type { lib } from 'crypto-js';
 import { MD5, RIPEMD160, SHA1, SHA224, SHA256, SHA3, SHA384, SHA512, enc } from 'crypto-js';
 
-import InputCopyable from '../../components/InputCopyable.vue';
+import InputCopyable from '@/components/InputCopyable.vue';
 import { convertHexToBin } from './hash-text.service';
 import { useQueryParam } from '@/composable/queryParams';
 

src/tools/iban-validator-and-parser/iban-validator-and-parser.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import CInputText from "@/ui/c-input-text/c-input-text.vue";
 import { extractIBAN, friendlyFormatIBAN, isQRIBAN, validateIBAN } from 'ibantools';
 import { getFriendlyErrors } from './iban-validator-and-parser.service';
 import type { CKeyValueListItems } from '@/ui/c-key-value-list/c-key-value-list.types';

src/tools/integer-base-converter/integer-base-converter.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import InputCopyable from '../../components/InputCopyable.vue';
+import InputCopyable from '@/components/InputCopyable.vue';
 import { convertBase } from './integer-base-converter.model';
 import { getErrorMessageIfThrows } from '@/utils/error';
 

src/tools/json-to-toml/json-to-toml.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { stringify as stringifyToml } from 'iarna-toml-esm';
 import JSON5 from 'json5';
-import { withDefaultOnError } from '../../utils/defaults';
+import { withDefaultOnError } from '@/utils/defaults';
 import type { UseValidationRule } from '@/composable/validation';
 
 const convertJsonToToml = (value: string) => [stringifyToml(JSON5.parse(value))].flat().join('\n').trim();

src/tools/keycode-info/keycode-info.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useEventListener } from '@vueuse/core';
 
-import InputCopyable from '../../components/InputCopyable.vue';
+import InputCopyable from '@/components/InputCopyable.vue';
 
 const event = ref<KeyboardEvent>();
 

src/tools/svg-placeholder-generator/svg-placeholder-generator.vue

@@ -20,7 +20,7 @@ const svgString = computed(() => {
   return `
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${w} ${h}"${size}>
   <rect width="${w}" height="${h}" fill="${bgColor.value}"></rect>
-  <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="monospace" font-size="${fontSize.value}px" fill="${fgColor.value}">${text}</text>   
+  <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="monospace" font-size="${fontSize.value}px" fill="${fgColor.value}">${text}</text>
 </svg>
   `.trim();
 });

src/tools/toml-to-json/toml-to-json.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { parse as parseToml } from 'iarna-toml-esm';
-import { withDefaultOnError } from '../../utils/defaults';
+import { withDefaultOnError } from '@/utils/defaults';
 import { isValidToml } from './toml.services';
 import type { UseValidationRule } from '@/composable/validation';
 

src/tools/toml-to-json/toml.services.ts

@@ -1,5 +1,5 @@
 import { parse as parseToml } from 'iarna-toml-esm';
-import { isNotThrowing } from '../../utils/boolean';
+import { isNotThrowing } from '@/utils/boolean';
 
 export { isValidToml };
 

src/tools/toml-to-yaml/toml-to-yaml.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { parse as parseToml } from 'iarna-toml-esm';
 import { stringify as stringifyToYaml } from 'yaml';
-import { withDefaultOnError } from '../../utils/defaults';
+import { withDefaultOnError } from '@/utils/defaults';
 import { isValidToml } from '../toml-to-json/toml.services';
 import type { UseValidationRule } from '@/composable/validation';
 

src/tools/url-parser/url-parser.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import InputCopyable from '../../components/InputCopyable.vue';
+import InputCopyable from '@/components/InputCopyable.vue';
 import { isNotThrowing } from '@/utils/boolean';
 import { withDefaultOnError } from '@/utils/defaults';
 

src/tools/yaml-to-toml/yaml-to-toml.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { stringify as stringifyToml } from 'iarna-toml-esm';
 import { parse as parseYaml } from 'yaml';
-import { withDefaultOnError } from '../../utils/defaults';
+import { withDefaultOnError } from '@/utils/defaults';
 import type { UseValidationRule } from '@/composable/validation';
 
 const convertYamlToToml = (value: string) => [stringifyToml(parseYaml(value))].flat().join('\n').trim();