Linted

package.json

@@ -3,11 +3,14 @@
   "scripts": {
     "dev": "solid-start dev",
     "build": "solid-start build",
-    "start": "solid-start start"
+    "start": "solid-start start",
+    "lint": "eslint --fix \"**/*.{ts,tsx,js,jsx}\"",
+    "typecheck": "tsc --noEmit --checkJs false --skipLibCheck"
   },
   "type": "module",
   "devDependencies": {
     "@types/node": "^20.8.6",
+    "@typescript-eslint/parser": "^6.8.0",
     "esbuild": "^0.19.5",
     "eslint": "^8.51.0",
     "eslint-config-prettier": "^9.0.0",

pnpm-lock.yaml

@@ -22,6 +22,9 @@ devDependencies:
   '@types/node':
     specifier: ^20.8.6
     version: 20.8.6
+  '@typescript-eslint/parser':
+    specifier: ^6.8.0
+    version: 6.8.0(eslint@8.51.0)(typescript@5.2.2)
   esbuild:
     specifier: ^0.19.5
     version: 0.19.5
@@ -1978,6 +1981,27 @@ packages:
     resolution: {integrity: sha512-OxepLK9EuNEIPxWNME+C6WwbRAOOI2o2BaQEGzz5Lu2e4Z5eDnEo+/aVEDMIXywoJitJ7xWd641wrGLZdtwRyw==}
     dev: true
 
+  /@typescript-eslint/parser@6.8.0(eslint@8.51.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': 6.8.0
+      '@typescript-eslint/types': 6.8.0
+      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.2.2)
+      '@typescript-eslint/visitor-keys': 6.8.0
+      debug: 4.3.4
+      eslint: 8.51.0
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@typescript-eslint/scope-manager@6.8.0:
     resolution: {integrity: sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==}
     engines: {node: ^16.0.0 || >=18.0.0}

src/routes/KSS22DE.tsx

@@ -191,7 +191,7 @@ function KSS22DE() {
           </tr>
           <tr>
             <td>Ladegerät:</td>
-            <td></td>
+            <td />
           </tr>
           <tr>
             <td>Standard Ladezeit:</td>

src/routes/KSS22ENG.tsx

@@ -188,7 +188,7 @@ function KSS22ENG() {
           </tr>
           <tr>
             <td>Charger:</td>
-            <td></td>
+            <td />
           </tr>
           <tr>
             <td>Default load time:</td>

src/routes/UEberblickDE.tsx

@@ -346,7 +346,7 @@ function UEberblickDE() {
             </p>
           </div>
 
-          <div style="padding-left: 3%" class="col-6">
+          <div style={{"padding-left":"3%"}} class="col-6">
             <p class="imghover">
               <b id="trolley">Trolley Handle</b>: ein ausfahrbarer Griff zum Schieben des Gerätes, ähnlich wie bei einem Koffer.
             </p>
@@ -660,7 +660,7 @@ function UEberblickDE() {
           <div class="righties">
             <img src="/images/solowheel-1.jpg" />
           </div>
-          <img class="lefties" style="clear: none" src="/images/historieEUC.webp" />
+          <img class="lefties" style={{"clear":"none"}} src="/images/historieEUC.webp" />
           <p>
             Die Grundlegende Technik kam mit dem
             <a href="https:/de.wikipedia.org/wiki/Segway_Personal_Transporter" target="_blank" rel="noreferrer noopener">
@@ -764,7 +764,7 @@ function UEberblickDE() {
           <DeviceTile name="Veteran Sherman S" src="/images/ShermanSepic.jpg" />
         </div>
       </article>
-      <footer></footer>
+      <footer />
     </>
   );
 }

src/routes/UEberblickENG.tsx

@@ -362,7 +362,7 @@ function UEberblickENG() {
             </p>
           </div>
 
-          <div style="padding-left: 3%" class="col-6">
+          <div style={{"padding-left":"3%"}} class="col-6">
             <p class="imghover">
               <b id="trolley">Trolley Handle</b>: an extendable handle for pushing the device, similar to a suitcase.
             </p>
@@ -699,7 +699,7 @@ function UEberblickENG() {
           <div class="righties">
             <img src="/images/solowheel-1.jpg" />
           </div>
-          <img class="lefties" style="clear: none" src="/images/historieEUC.webp" />
+          <img class="lefties" style={{"clear":"none"}} src="/images/historieEUC.webp" />
           <p>
             The underlying technique came with the
             <a href="https:/de.wikipedia.org/wiki/Segway_Personal_Transporter" target="_blank" rel="noreferrer noopener">
@@ -806,7 +806,7 @@ function UEberblickENG() {
           <DeviceTile name="Veteran Sherman S" src="/images/ShermanSepic.jpg" />
         </div>
       </article>
-      <footer></footer>
+      <footer />
     </>
   );
 }

src/routes/soon.tsx

@@ -91,7 +91,7 @@ function soon() {
       }
     </script>
     */}
-      <p style="text-align: center">This side is not available yet.</p>
+      <p style={{"text-align":"center"}}>This side is not available yet.</p>
       <button onClick={() => navigate(-1)}>Back</button>
     </>
   );