chore: use app version to populate version query params

.eleventy.js

@@ -23,6 +23,12 @@ import { execSync } from 'child_process'
 import dotenvFlow from 'dotenv-flow'
 dotenvFlow.config()
 
+// get app version
+import { createRequire } from 'module'
+
+const require = createRequire(import.meta.url)
+const appVersion = require('./package.json').version
+
 /**
  *  @param {import("@11ty/eleventy/src/UserConfig")} eleventyConfig
  */
@@ -104,7 +110,7 @@ export default async function (eleventyConfig) {
 
   // shortcodes
   eleventyConfig.addShortcode('image', img)
-  eleventyConfig.addShortcode('assetHash', () => Math.random())
+  eleventyConfig.addShortcode('appVersion', () => appVersion)
 
   // transforms
   eleventyConfig.addTransform('html-minify', (content, path) => {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "4.7.1",
+  "version": "4.8.0",
   "description": "The source for my personal site, blog and portfolio. Built using 11ty and hosted on Netlify.",
   "type": "module",
   "scripts": {

src/_includes/base.liquid

@@ -22,14 +22,14 @@
     <meta name="generator" content="{{ eleventy.generator }}">
     <meta name="robots" content="noai, noimageai">
     <link
-      href="/assets/icons/favicon.ico?v={% assetHash %}"
+      href="/assets/icons/favicon.ico?v={% appVersion %}"
       rel="icon"
       sizes="any">
     <link
-      href="/assets/icons/favicon.svg?v={% assetHash %}"
+      href="/assets/icons/favicon.svg?v={% appVersion %}"
       rel="icon"
       type="image/svg+xml">
-    <link href="/assets/icons/apple-touch-icon.png?v={% assetHash %}" rel="apple-touch-icon">
+    <link href="/assets/icons/apple-touch-icon.png?v={% appVersion %}" rel="apple-touch-icon">
     {% capture css %}
       {% render "../assets/styles/fonts/silka.css" %}
       {% render "../assets/styles/partials/vars.css" %}