typescript tweaks

Author: milomg

playground/app.tsx

@@ -1,5 +1,11 @@
 import { compressToURL as encode } from '@amoutonbrady/lz-string';
-import { Show, onCleanup, createEffect, createSignal, JSX } from 'solid-js';
+import {
+  Show,
+  onCleanup,
+  createEffect,
+  createSignal,
+  JSX,
+} from 'solid-js';
 
 import editorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
 import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';

playground/components/header.tsx

@@ -31,7 +31,7 @@ export const Header: Component<{
     window.removeEventListener('resize', closeMobileMenu);
   });
 
-  function closeMobileMenu(event: any) {
+  function closeMobileMenu() {
     setShowMenu(false);
   }
 
@@ -195,7 +195,7 @@ export const Header: Component<{
         <select
           name="version"
           id="version"
-          onClick={(e) => setShowMenu(false)}
+          onClick={() => setShowMenu(false)}
           class="-mb-1 leading-snug text-white bg-transparent border-transparent hover:border-white cursor-pointer"
           style={`background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")`}
           onChange={(e) => props.onVersionChange(e.currentTarget.value)}

playground/components/update.tsx

@@ -1,4 +1,4 @@
-import { Component } from 'solid-js';
+import type { Component } from 'solid-js';
 import { Portal } from 'solid-js/web';
 
 import { Icon } from 'solid-heroicons';

playground/utils/exportToCsb.ts

@@ -1,5 +1,5 @@
 import pkg from '../../package.json';
-import { Tab } from '../../src';
+import type { Tab } from '../../src';
 import { compressToBase64 } from '@amoutonbrady/lz-string';
 
 type IFiles = Record<string, { content: string | Record<string, any>; isBinary: boolean }>;

playground/utils/exportToJson.tsx

@@ -1,4 +1,4 @@
-import { Tab } from '../../src';
+import type { Tab } from '../../src';
 
 /**
  * This function will convert the tabs of the playground

src/components/editor/index.tsx

@@ -2,7 +2,6 @@ import {
   Component,
   createEffect,
   onMount,
-  JSX,
   Show,
   createSignal,
   onCleanup,

src/components/error.tsx

@@ -1,4 +1,4 @@
-import { Component } from 'solid-js';
+import type { Component } from 'solid-js';
 import { Portal } from 'solid-js/web';
 
 import { Icon } from 'solid-heroicons';

src/components/repl.tsx

@@ -3,7 +3,7 @@ import { isServer } from 'solid-js/web';
 import { Icon } from 'solid-heroicons';
 import { refresh } from 'solid-heroicons/outline';
 import { unwrap, createStore } from 'solid-js/store';
-import { editor as mEditor } from 'monaco-editor';
+import type { editor as mEditor } from 'monaco-editor';
 import { Preview } from './preview';
 import { TabItem } from './tab/item';
 import { TabList } from './tab/list';

tsconfig.json

@@ -11,6 +11,9 @@
     "resolveJsonModule": true,
     "noEmit": true,
     "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "importsNotUsedAsValues": "error",
     "skipLibCheck": true,
     "jsxImportSource": "solid-js",
     "types": ["vite/client"]