.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+yarn format
+yarn license:export

package.json

@@ -5,14 +5,18 @@
 		"dev": "vite",
 		"build": "vite build",
 		"format": "prettier --write --plugin-search-dir=. ./**/*.html ./**/*.svelte",
+		"prepare": "husky install",
 		"license:export": "license-exporter --markdown && git stage licenses.md",
 		"release": "release-it --only-version"
 	},
 	"devDependencies": {
-		"@odit/license-exporter": "^0.0.12",
+		"@odit/license-exporter": "^0.0.11",
 		"@svitejs/vite-plugin-svelte": "^0.11.1",
 		"@tsconfig/svelte": "^1.0.10",
+		"@types/html-minifier": "^4.0.0",
 		"axios": "^0.21.1",
+		"html-minifier": "^4.0.0",
+		"husky": "^5.1.3",
 		"prettier": "^2.2.1",
 		"prettier-plugin-svelte": "^2.2.0",
 		"release-it": "^14.5.1",

src/Scanner.svelte

@@ -39,7 +39,7 @@
     </div>
   </div>
 
-  <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 font-mono">
+  <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900">
     {hours}:{minutes}:{seconds}
   </h1>
   <section class="px-4 py-24 mx-auto max-w-7xl">

vite.config.ts

@@ -1,7 +1,19 @@
 import svelte from '@svitejs/vite-plugin-svelte';
 import windiCSS from 'vite-plugin-windicss';
+import { minify } from 'html-minifier';
 import { defineConfig } from 'vite';
 //
+const indexReplace = () => {
+	return {
+		name: 'html-transform',
+		transformIndexHtml(html) {
+			return minify(html, {
+				collapseWhitespace: true
+			});
+		}
+	};
+};
+
 export default defineConfig(({ command, mode }) => {
 	const isProduction = mode === 'production';
 	return {
@@ -31,7 +43,8 @@ export default defineConfig(({ command, mode }) => {
 				preprocess: [
 					//
 				]
-			})
+			}),
+			indexReplace()
 		]
 	};
 });