fix eslint commit hook running locally

bump deps
reduce post preview date size

.pre-commit-config.yaml

@@ -37,14 +37,14 @@ repos:
         args: [--ignore-words-list, 'ist,yau']
 
   - repo: https://github.com/pre-commit/mirrors-eslint
-    rev: v8.31.0
+    rev: v8.41.0
     hooks:
       - id: eslint
         types: [file]
-        files: \.(svelte|js|ts)$
+        args: [--fix, --plugin, 'svelte3, @typescript-eslint']
+        files: \.(js|ts|svelte)$
         additional_dependencies:
           - eslint
-          - svelte
           - typescript
           - eslint-plugin-svelte3
           - '@typescript-eslint/eslint-plugin'

package.json

@@ -29,14 +29,14 @@
     "check": "svelte-check"
   },
   "devDependencies": {
-    "@iconify/svelte": "^3.1.3",
-    "@rollup/plugin-yaml": "^4.1.0",
+    "@iconify/svelte": "^3.1.4",
+    "@rollup/plugin-yaml": "^4.1.1",
     "@sveltejs/adapter-static": "^2.0.2",
-    "@sveltejs/kit": "^1.20.0",
-    "@typescript-eslint/eslint-plugin": "^5.59.8",
-    "@typescript-eslint/parser": "^5.59.8",
+    "@sveltejs/kit": "^1.20.4",
+    "@typescript-eslint/eslint-plugin": "^5.60.0",
+    "@typescript-eslint/parser": "^5.60.0",
     "devalue": "^4.3.2",
-    "eslint": "^8.41.0",
+    "eslint": "^8.43.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "hast-util-from-string": "^2.0.0",
     "hast-util-select": "^5.0.5",
@@ -50,14 +50,14 @@
     "rehype-katex-svelte": "^1.2.0",
     "rehype-slug": "^5.1.0",
     "remark-math": "3.0.0",
-    "svelte": "^3.59.1",
-    "svelte-check": "^3.4.3",
-    "svelte-multiselect": "^8.6.2",
+    "svelte": "^3.59.2",
+    "svelte-check": "^3.4.4",
+    "svelte-multiselect": "^9.0.0",
     "svelte-preprocess": "^5.0.4",
     "svelte-preprocess-import-assets": "^1.0.0",
-    "svelte-zoo": "^0.4.6",
-    "svelte2tsx": "^0.6.15",
-    "typescript": "^5.0.4",
+    "svelte-zoo": "^0.4.8",
+    "svelte2tsx": "^0.6.16",
+    "typescript": "^5.1.3",
     "vite": "^4.3.9"
   }
 }

src/app.css

@@ -40,9 +40,8 @@ button {
   cursor: pointer;
   border: none;
   border-radius: 3pt;
-  background: darkcyan;
+  background: teal;
   padding: 2pt 4pt;
-  font-size: 12pt;
 }
 a {
   color: cornflowerblue;

src/routes/+page.svelte

@@ -67,14 +67,15 @@
   }
   strong {
     text-align: center;
+    color: #eee;
     margin: 2em auto 3em;
     background-color: darkcyan;
     padding: 2pt 9pt;
     border-radius: 9pt;
     max-width: 500px;
   }
   strong a {
-    color: #191960;
-    text-decoration: none;
+    color: white;
+    text-decoration: underline;
   }
 </style>

src/routes/posts/+page@.svelte

@@ -27,10 +27,12 @@
           />
         {/if}
       </a>
-      <time>
-        <Icon icon="carbon:calendar" inline />
-        {date?.split(`T`)[0]}
-      </time>
+      <small>
+        <time>
+          <Icon icon="carbon:calendar" inline />
+          {date?.split(`T`)[0]}
+        </time>
+      </small>
       <small><Icon icon="carbon:tag" inline /> {tags?.join(`, `)}</small>
     </li>
   {/each}