feat: dynamic update head tag with @uhead/vue

rudnovd · Apr 11, 2024 · 3425188 · 3425188
1 parent a5cb839
commit 3425188
Show file tree

Hide file tree

Showing 20 changed files with 382 additions and 55 deletions.
diff --git a/index.html b/index.html
@@ -5,17 +5,25 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="application-name" content="Heroes 3 tools" />
-    <meta name="keywords" content="heroes 3 damage calculator, heroes 3 tools, heroes 3 hota, heroes 3, homm 3" />
     <meta
       name="description"
-      content="Web tools for simplification playing in Heroes of Might and Magic III: Horn of The Abyss: damage calculator, magic calculator, creatures library"
+      content="Tools to make playing Heroes of Might and Magic III: Horn of The Abyss easier: damage calculator, magic calculator, creature library"
     />
     <meta name="color-scheme" content="light dark" />
     <link rel="icon" href="/favicon.ico" />
     <link rel="icon" href="/favicon.svg" type="image/svg+xml" sizes="any" />
     <link rel="apple-touch-icon" href="/favicon-apple.png" />
     <meta name="theme-color" content="#c0b675" />
     <title>Heroes 3 tools</title>
+    <meta property="og:title" content="Heroes 3 tools">
+    <meta property="og:description" content="Tools to make playing Heroes of Might and Magic III: Horn of The Abyss easier: damage calculator, magic calculator, creature library">
+    <meta property="og:url" content="https://heroes3tools.netlify.app">
+    <meta property="og:image" content="https://github.com/rudnovd/heroes3tools/blob/master/docs/calculator-image.png?raw=true">
+    <meta property="og:locale" content="en_US">
+    <meta property="og:locale:alternate" content="ru_RU">
+    <meta name="twitter:title" content="Heroes 3 tools">
+    <meta name="twitter:description" content="Tools to make playing Heroes of Might and Magic III: Horn of The Abyss easier: damage calculator, magic calculator, creature library">
+    <meta name="twitter:image" content="https://github.com/rudnovd/heroes3tools/blob/master/docs/calculator-image.png?raw=true">
   </head>
   <body>
     <div id="app"></div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "version": "2.2.1",
   "private": true,
   "type": "module",
-  "description": "Web tools for simplify calculations in Heroes of Might and Magic III: Horn of The Abyss",
+  "description": "Web tools to make playing Heroes of Might and Magic III: Horn of The Abyss easier: damage calculator, magic calculator, creature library for simplify calculations in Heroes of Might and Magic III: Horn of The Abyss",
   "homepage": "https://heroes3tools.netlify.app/",
   "bugs": {
     "url": "https://github.com/rudnovd/heroes3tools/issues"
@@ -26,6 +26,7 @@
     "release": "standard-version"
   },
   "dependencies": {
+    "@unhead/vue": "^1.9.4",
     "@vueuse/core": "^10.9.0",
     "pinia": "^2.1.7",
     "vue": "^3.4.21",
@@ -39,6 +40,7 @@
     "@localazy/cli": "^1.7.8",
     "@typescript-eslint/eslint-plugin": "^7.4.0",
     "@typescript-eslint/parser": "^7.4.0",
+    "@unhead/addons": "^1.9.4",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/test-utils": "^2.4.5",