fix

docs/vercel/.eslintrc.cjs

@@ -0,0 +1,22 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
+  },
+  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended'],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaVersion: 12,
+    sourceType: 'module',
+    parser: '@typescript-eslint/parser',
+    extraFileExtensions: ['.svelte'],
+  },
+  plugins: ['@typescript-eslint', 'unused-imports'],
+  overrides: [
+    {
+      files: ['*.svelte'],
+      parser: 'svelte-eslint-parser',
+    },
+  ],
+};

docs/vercel/.prettierrc.json → docs/vercel/.prettierrc

@@ -7,5 +7,7 @@
   "bracketSameLine": true,
   "singleAttributePerLine": false,
   "quoteProps": "consistent",
-  "plugins": ["prettier-plugin-svelte"]
+  "plugins": ["prettier-plugin-svelte"],
+  "svelteSortOrder": "scripts-options-markup-styles",
+  "svelteIndentScriptAndStyle": true
 }

docs/vercel/package.json

@@ -8,7 +8,7 @@
     "build": "vite build",
     "format": "prettier -w .",
     "preview": "vite preview",
-    "check": "check:svelte && check:prettier && check:lint",
+    "check": "npm run check:svelte && npm run check:prettier && npm run check:lint",
     "check:svelte": "svelte-check",
     "check:prettier": "prettier --check **/*.{ts,js,svelte,css,html,json}",
     "check:lint": "eslint src/**/*.{ts,js,svelte}"

docs/vercel/src/Index.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import AsciiPreview from './lib/AsciiPreview.svelte';
+  import AsciiPreview from './components/AsciiPreview.svelte';
   import data from '../../../languages.yaml';
   import type { Languages, Language } from '../../../languages.yaml';
   import { onMount } from 'svelte';

docs/vercel/src/lib/AsciiPreview.svelte → docs/vercel/src/components/AsciiPreview.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { mapToDefaultTerminalFgColor } from '../lib/utils';
   import Chip from './Chip.svelte';
   import TitleLink from './TitleLink.svelte';
 
@@ -27,10 +28,6 @@
       return `${htmlLine}${'</span>'.repeat(spanCount)}`;
     })
     .join('\n');
-
-  function mapToDefaultTerminalFgColor(color: string, dark: boolean): string {
-    return color === 'white' && !dark ? 'black' : color;
-  }
 </script>
 
 <div class="title-row">

docs/vercel/src/lib/utils.ts

@@ -0,0 +1,6 @@
+export function mapToDefaultTerminalFgColor(
+  color: string,
+  dark: boolean
+): string {
+  return color === 'white' && !dark ? 'black' : color;
+}

docs/vercel/tsconfig.json

@@ -1,17 +1,12 @@
 {
   "extends": "@tsconfig/svelte/tsconfig.json",
   "compilerOptions": {
-    "target": "ESNext",
+    "target": "esnext",
     "useDefineForClassFields": true,
-    "module": "ESNext",
+    "module": "esnext",
     "resolveJsonModule": true,
+    "moduleResolution": "node",
     "baseUrl": ".",
-    /**
-     * Typecheck JS in `.svelte` and `.js` files by default.
-     * Disable checkJs if you'd like to use dynamic types in JS.
-     * Note that setting allowJs false does not prevent the use
-     * of JS in `.svelte` files.
-     */
     "allowJs": true,
     "checkJs": true
   },
@@ -20,6 +15,6 @@
     "src/**/*.ts",
     "src/**/*.js",
     "src/**/*.svelte",
-    "typings/**/*.d.ts"
+    "src/**/*.d.ts"
   ]
 }