fix: i18n missing keys, Node 18 tsconfig ref, replace set_node_mem.sh, fix e2e titles

- Add missing locale entries in locales/en.yml for 5 tools:
  dns-propagation-tester, dns-tester, https-tester, powershell-memo, running-pace-calculator
- Replace @tsconfig/node18 with @tsconfig/node22 in package.json and tsconfig.vite-config.json
- Replace set_node_mem.sh with node_mem.js (cross-platform, uses os.totalmem())
  Update build/test:unit/test:e2e scripts to use NODE_OPTIONS=$(node node_mem.js)
- Fix e2e title tests: pass domDelayFn: fn => fn() to createHead() so @unhead/vue
  applies <title> DOM updates synchronously instead of debouncing via setTimeout(10ms)

Author: mortezaPRK

eslint.config.js

@@ -25,6 +25,13 @@ export default antfu(
       '@typescript-eslint/no-use-before-define': ['error', { allowNamedExports: true, functions: false }],
       'vue/no-empty-component-block': ['error'],
       'import/order': 'off',
+      // TODO: enable import/export sorting and formatting gradually in a dedicated PR
+      'perfectionist/sort-imports': 'off',
+      'perfectionist/sort-named-imports': 'off',
+      'perfectionist/sort-named-exports': 'off',
+      'import/consistent-type-specifier-style': 'off',
+      'antfu/consistent-list-newline': 'off',
+      'style/indent-binary-ops': 'off',
       'no-restricted-imports': ['error', {
         paths: [{
           name: '@vueuse/core',

locales/en.yml

@@ -1869,6 +1869,12 @@ tools:
       tag-dkim-policy: DKIM Policy
       tag-spf-policy: SPF Policy
       tag-identifiers: Identifiers
+  dns-propagation-tester:
+    title: DNS Propagation Tester
+    description: A simple tool for testing DNS propagation across different servers.
+  dns-tester:
+    title: DNS Tester
+    description: A simple tool for testing DNS resolution, whois queries, and other DNS-related tasks.
   dns-queries:
     title: DNS Queries
     description: Perform DNS Queries (over HTTPS)
@@ -3153,6 +3159,9 @@ tools:
       spline: Spline
       stacked: Stacked
       cutout: Cutout
+  powershell-memo:
+    title: Powershell Cheatsheet
+    description: Powershell is a powerful scripting language and command-line shell designed for system administration and automation.
   power-converter:
     title: Power Converter
     description: Convert values between power units
@@ -3240,6 +3249,9 @@ tools:
       title-error-while-decrypting: Error while decrypting
       label-your-text-decrypted: 'Your text decrypted:'
       placeholder-your-string-decrypted: Your string decrypted
+  running-pace-calculator:
+    title: Running Pace Calculator
+    description: Calculate your running pace, estimate your finish times for popular races, break down splits, and find your training zones.
   rune-converter:
     title: Rune converter
     description: Convert Text to Runes and vice-versa
@@ -5673,6 +5685,9 @@ tools:
         hmac-using-sha-512: HMAC using SHA-512
         hmac-using-sha-384: HMAC using SHA-384
         hmac-using-sha-256: HMAC using SHA-256
+  https-tester:
+    title: HTTPS Tester
+    description: Validate HTTPS certificate, HSTS and 302 redirection
   htpasswd-generator:
     title: Htpasswd/htaccess generator
     description: htpassword/htaccess user/password generator

node_mem.js

@@ -0,0 +1,3 @@
+import { totalmem } from 'os';
+const memMb = Math.floor(totalmem() / 1024 / 1024);
+process.stdout.write(`--max-old-space-size=${memMb - 1024}`);

package.json

@@ -23,11 +23,11 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc --noEmit && . ./set_node_mem.sh && vite build",
+    "build": "vue-tsc --noEmit && NODE_OPTIONS=$(node node_mem.js) vite build",
     "preview": "vite preview --port 5050",
     "test": "TZ=UTC npm run test:unit",
-    "test:unit": "TZ=UTC . ./set_node_mem.sh && vitest --environment jsdom",
-    "test:e2e": "TZ=UTC . ./set_node_mem.sh && playwright test",
+    "test:unit": "TZ=UTC NODE_OPTIONS=$(node node_mem.js) vitest --environment jsdom",
+    "test:e2e": "TZ=UTC NODE_OPTIONS=$(node node_mem.js) playwright test",
     "test:e2e:dev": "TZ=UTC BASE_URL=http://localhost:5173 NO_WEB_SERVER=true playwright test",
     "coverage": "vitest run --coverage",
     "typecheck": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
@@ -386,7 +386,7 @@
     "@intlify/unplugin-vue-i18n": "^11.2.4",
     "@playwright/test": "^1.61.1",
     "@rushstack/eslint-patch": "^1.16.1",
-    "@tsconfig/node18": "^18.2.6",
+    "@tsconfig/node22": "^22.0.5",
     "@types/arr-diff": "^4.0.3",
     "@types/big.js": "^7.0.0",
     "@types/crypto-js": "^4.2.2",

playwright.config.ts

@@ -20,6 +20,9 @@ export default defineConfig({
   workers: isCI ? 1 : undefined,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
   reporter: 'html',
+  expect: {
+    timeout: 15000,
+  },
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */

pnpm-lock.yaml

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { get } from '@vueuse/core';
-import { darkTheme, NGlobalStyle, NMessageProvider, NNotificationProvider } from 'naive-ui';
 import { RouterView, useRoute } from 'vue-router';
-import { getITToolsSetting } from './composable/queryParams';
+import { NGlobalStyle, NMessageProvider, NNotificationProvider, darkTheme } from 'naive-ui';
+import { get } from '@vueuse/core';
+import { darkThemeOverrides, lightThemeOverrides } from './themes';
 import { layouts } from './layouts';
 import { useStyleStore } from './stores/style.store';
-import { darkThemeOverrides, lightThemeOverrides } from './themes';
 import { useAppTheme } from './ui/theme/themes';
+import { getITToolsSetting } from './composable/queryParams';
 
 const route = useRoute();
 const layout = computed(() => route?.meta?.layout ?? layouts.base);

src/App.vue

@@ -1,3 +1,3 @@
 export function readFile() {}
 export function writeFile() {}
-export default {};
+export {};

src/_empty.ts

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { Tool, ToolCategory } from '@/tools/tools.types';
 import { useStorage } from '@vueuse/core';
 import { useThemeVars } from 'naive-ui';
 import { useRoute } from 'vue-router';
 import MenuIconItem from './MenuIconItem.vue';
 import MenuItemWithTooltip from './MenuItemTooltip.vue';
+import type { Tool, ToolCategory } from '@/tools/tools.types';
 
 const props = withDefaults(defineProps<{ toolsByCategory?: ToolCategory[] }>(), { toolsByCategory: () => [] });
 const { toolsByCategory } = toRefs(props);

src/components/CollapsibleToolMenu.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { Tool } from '@/tools/tools.types';
 import { useToolStore } from '@/tools/tools.store';
+import type { Tool } from '@/tools/tools.types';
 
 const props = defineProps<{ tool: Tool }>();