Insert application-name meta tag at build time

Removed vue-head dependency.

CHANGELOG.md

@@ -13,6 +13,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Use `<input type="search">` for search bar.
 - Changed custom emoji vertical alignment and size.
 - Expect `/api/v1/statuses` to return status code 200.
+- Insert application-name meta tag at build time.
 
 ## [1.13.0] - 2023-02-06
 

package-lock.json

@@ -9,7 +9,6 @@
       "version": "1.13.0",
       "license": "AGPL-3.0",
       "dependencies": {
-        "@vueuse/head": "^0.7.11",
         "ethereum-blockies-base64": "^1.0.2",
         "ethers": "^5.5.4",
         "luxon": "^1.26.0",
@@ -2608,17 +2607,6 @@
       "integrity": "sha512-Iu8Tbg3f+emIIMmI2ycSI8QcEuAUgPTgHwesDU1eKMLE4YC/c/sFbGc70QgMq31ijRftV0R7vCm9co6rldCeOA==",
       "dev": true
     },
-    "node_modules/@vueuse/head": {
-      "version": "0.7.11",
-      "resolved": "https://registry.npmjs.org/@vueuse/head/-/head-0.7.11.tgz",
-      "integrity": "sha512-qW2VbJnQ7c1nHqt1wWQYtPf6pMKghcBsCGQd76zFSzKZXncjOYV1I5dZcmAdj3E30JP0WKWCItVbV/cgSAPipA==",
-      "dependencies": {
-        "@zhead/schema-vue": "^0.7.1"
-      },
-      "peerDependencies": {
-        "vue": ">=2.7 || >=3"
-      }
-    },
     "node_modules/@webassemblyjs/ast": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
@@ -2777,28 +2765,6 @@
       "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
       "dev": true
     },
-    "node_modules/@zhead/schema": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/@zhead/schema/-/schema-0.7.1.tgz",
-      "integrity": "sha512-3FjTUj8YBN45PCW4YSosV9LjBu6HnKetk0aYtaZ7HffgpSlAIl/eCaem8T34KJZ7/lRsvoGPcDDkaAzyvGqi0g==",
-      "funding": {
-        "url": "https://github.com/sponsors/harlan-zw"
-      }
-    },
-    "node_modules/@zhead/schema-vue": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/@zhead/schema-vue/-/schema-vue-0.7.1.tgz",
-      "integrity": "sha512-puEmNJOjfC5IRJqc5p0GEemWP1B25YYRMZ2RM10UrJXGjR+cGOZ+PYQHoBIl9Nf5kJVzhokg1H99HE6Wnyx+qA==",
-      "dependencies": {
-        "@zhead/schema": "0.7.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/harlan-zw"
-      },
-      "peerDependencies": {
-        "vue": ">=2.7 || >=3"
-      }
-    },
     "node_modules/abab": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
@@ -17838,14 +17804,6 @@
       "integrity": "sha512-Iu8Tbg3f+emIIMmI2ycSI8QcEuAUgPTgHwesDU1eKMLE4YC/c/sFbGc70QgMq31ijRftV0R7vCm9co6rldCeOA==",
       "dev": true
     },
-    "@vueuse/head": {
-      "version": "0.7.11",
-      "resolved": "https://registry.npmjs.org/@vueuse/head/-/head-0.7.11.tgz",
-      "integrity": "sha512-qW2VbJnQ7c1nHqt1wWQYtPf6pMKghcBsCGQd76zFSzKZXncjOYV1I5dZcmAdj3E30JP0WKWCItVbV/cgSAPipA==",
-      "requires": {
-        "@zhead/schema-vue": "^0.7.1"
-      }
-    },
     "@webassemblyjs/ast": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
@@ -18004,19 +17962,6 @@
       "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
       "dev": true
     },
-    "@zhead/schema": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/@zhead/schema/-/schema-0.7.1.tgz",
-      "integrity": "sha512-3FjTUj8YBN45PCW4YSosV9LjBu6HnKetk0aYtaZ7HffgpSlAIl/eCaem8T34KJZ7/lRsvoGPcDDkaAzyvGqi0g=="
-    },
-    "@zhead/schema-vue": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/@zhead/schema-vue/-/schema-vue-0.7.1.tgz",
-      "integrity": "sha512-puEmNJOjfC5IRJqc5p0GEemWP1B25YYRMZ2RM10UrJXGjR+cGOZ+PYQHoBIl9Nf5kJVzhokg1H99HE6Wnyx+qA==",
-      "requires": {
-        "@zhead/schema": "0.7.1"
-      }
-    },
     "abab": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",

package.json

@@ -16,7 +16,6 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@vueuse/head": "^0.7.11",
     "ethereum-blockies-base64": "^1.0.2",
     "ethers": "^5.5.4",
     "luxon": "^1.26.0",

public/index.html

@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <title>Mitra</title>
     <meta name="description" content="Federated social network">
+    <meta name="application-name" content="mitra-web v<%= process.env.VUE_APP_VERSION %>">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
   </head>
   <body>

src/App.vue

@@ -4,21 +4,12 @@
 
 <script setup lang="ts">
 import { useRoute } from "vue-router"
-import { useHead } from "@vueuse/head"
 
 import { useInstanceInfo } from "@/store/instance"
-import { APP_VERSION } from "@/constants"
 
 const route = useRoute()
 const { loadInstanceInfo } = useInstanceInfo()
 
-useHead({
-  meta: [{
-    name: "application-name",
-    content: `mitra-web v${APP_VERSION}`,
-  }],
-})
-
 loadInstanceInfo()
 </script>
 

src/main.ts

@@ -1,15 +1,12 @@
 import { createApp } from "vue"
 
 import VueClickAway from "vue3-click-away"
-import { createHead } from "@vueuse/head"
 
 import App from "./App.vue"
 import router from "./router"
 
 const app = createApp(App)
-const head = createHead()
 
 app.use(VueClickAway)
-app.use(head)
 
 app.use(router).mount("#app")