Update dependencies, fix issues.

package.json

@@ -1,12 +1,4 @@
 {
-  "name": "queue",
-  "description": "A WebExtension for queueing links.",
-  "license": "AGPL-3.0-or-later",
-  "author": "Holllo <helllo@holllo.cc>",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Holllo/queue"
-  },
   "private": true,
   "scripts": {
     "start": "vite build -m development --watch",
@@ -19,29 +11,30 @@
     "test": "xo && stylelint 'source/**/*.scss' && tsc && c8 ava"
   },
   "dependencies": {
-    "@holllo/gram": "^0.1.0",
-    "htm": "^3.1.0",
+    "@holllo/gram": "^0.2.1",
+    "htm": "^3.1.1",
     "migration-helper": "^0.1.2",
     "modern-normalize": "^1.1.0",
-    "preact": "^10.6.6",
-    "webextension-polyfill": "^0.8.0"
+    "preact": "^10.11.0",
+    "webextension-polyfill": "^0.10.0"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.1.7",
-    "@types/webextension-polyfill": "^0.8.2",
-    "ava": "^4.0.1",
-    "c8": "^7.11.0",
-    "postcss": "^8.4.7",
-    "sass": "^1.49.9",
-    "stylelint": "^14.5.3",
-    "stylelint-config-standard-scss": "^3.0.0",
+    "@preact/preset-vite": "^2.4.0",
+    "@types/babel__core": "^7.1.19",
+    "@types/webextension-polyfill": "^0.9.1",
+    "ava": "^4.3.3",
+    "c8": "^7.12.0",
+    "postcss": "^8.4.16",
+    "sass": "^1.55.0",
+    "stylelint": "^14.12.1",
+    "stylelint-config-standard-scss": "^5.0.0",
     "trash-cli": "^5.0.0",
-    "ts-node": "^10.6.0",
-    "typescript": "^4.5.5",
-    "vite": "^2.8.4",
-    "vite-plugin-web-extension": "^1.1.2",
-    "web-ext": "^6.7.0",
-    "xo": "^0.48.0"
+    "ts-node": "^10.9.1",
+    "typescript": "^4.8.3",
+    "vite": "^3.1.3",
+    "vite-plugin-web-extension": "^1.4.4",
+    "web-ext": "^7.2.0",
+    "xo": "^0.52.3"
   },
   "ava": {
     "extensions": [
@@ -78,6 +71,10 @@
       }
     ],
     "prettier": true,
+    "rules": {
+      "@typescript-eslint/consistent-type-definitions": "off",
+      "n/file-extension-in-import": "off"
+    },
     "space": true
   }
 }

source/options/components/page-footer.ts

@@ -2,7 +2,7 @@ import {PrivacyLink} from '@holllo/gram';
 import {html} from 'htm/preact';
 import {Component} from 'preact';
 
-import {Settings} from '../../settings/settings.js';
+import type {Settings} from '../../settings/settings.js';
 
 type Props = {
   settings: Settings;
@@ -13,22 +13,17 @@ export class PageFooter extends Component<Props> {
     const {settings} = this.props;
     const version = settings.manifest.version;
 
-    const donateLink = html`
-      <${PrivacyLink} href="https://github.com/sponsors/Bauke">Donate<//>
-    `;
-
+    const versionAttributes = {
+      href: `https://git.bauke.xyz/Holllo/queue/releases/tag/${version}`,
+    };
     const versionLink = html`
-      <${PrivacyLink}
-        href="https://github.com/Holllo/queue/releases/tag/${version}"
-      >
-        v${version}
-      <//>
+      <${PrivacyLink} attributes="${versionAttributes}">v${version}<//>
     `;
 
     return html`
       <footer class="page-footer">
         <p>
-          ${donateLink} 💖 ${versionLink} © Holllo — Free and open-source,
+          💖 ${versionLink} © Holllo — Free and open-source,
           forever.
         </p>
       </footer>

source/options/components/page-main.ts

@@ -1,9 +1,9 @@
 import {ConfirmButton, PrivacyLink} from '@holllo/gram';
 import {Component, html} from 'htm/preact';
 
-import {Settings} from '../../settings/settings.js';
+import type {Settings} from '../../settings/settings.js';
 import {updateBadge} from '../../utilities/badge.js';
-import {History} from '../../utilities/history.js';
+import type {History} from '../../utilities/history.js';
 
 type Props = {
   history: History;
@@ -138,7 +138,7 @@ function queueItem(props: ItemProps): HtmComponent {
   return html`
     <li class="q-item">
       <p class="title">
-        <${PrivacyLink} href=${url}>${text ?? url}<//>
+        <${PrivacyLink} attributes=${{href: url}}>${text ?? url}<//>
       </p>
 
       <div class="buttons">${remove}</div>

source/settings/migrations.ts

@@ -1,4 +1,4 @@
-import {Migration} from 'migration-helper';
+import type {Migration} from 'migration-helper';
 
 export const dataMigrations: Array<Migration<string>> = [
   {

source/types.d.ts

@@ -1,4 +1,4 @@
-import {html} from 'htm/preact';
+import type {html} from 'htm/preact';
 
 declare global {
   // See Vite documentation for `import.meta.env` usage.

source/utilities/badge.ts

@@ -1,6 +1,6 @@
 import browser from 'webextension-polyfill';
 
-import {Settings} from '../settings/settings.js';
+import type {Settings} from '../settings/settings.js';
 
 export async function updateBadge(settings: Settings): Promise<void> {
   let action: browser.Action.Static = browser.browserAction;