diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index ca24ff0..645a2c7 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -2,6 +2,9 @@ name: CI
 
 on: [push, pull_request]
 
+env:
+  VERSION: ${{ github.sha }}
+
 jobs:
   build:
     runs-on: ubuntu-latest
@@ -16,7 +19,7 @@ jobs:
       run: yarn install
 
     - name: Build
-      run: yarn build
+      run: VUE_APP_VERSION=$VERSION yarn build
 
     - name: Upload artifact
       uses: actions/upload-artifact@v2
diff --git a/public/index.html b/public/index.html
index c3eb8ae..3ac6038 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+  <head data-version="<%= process.env.VUE_APP_VERSION %>">
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <% if (process.env.NODE_ENV === "production") { %>
diff --git a/src/app/TopNav.vue b/src/app/TopNav.vue
index e0c72f6..0054098 100644
--- a/src/app/TopNav.vue
+++ b/src/app/TopNav.vue
@@ -30,9 +30,9 @@
   </div>
 </template>
 <script lang="ts">
-import Vue from "vue";
-import { mapMutations, mapState } from 'vuex';
-import SearchForm from '@/search/SearchForm.vue';
+  import Vue from "vue";
+  import { mapMutations, mapState } from 'vuex';
+  import SearchForm from '@/search/SearchForm.vue';
 
   export default Vue.extend({
     components: {
@@ -42,7 +42,7 @@ import SearchForm from '@/search/SearchForm.vue';
       ...mapState([
         "server",
         "username",
-      ])
+      ]),
     },
     methods: {
       ...mapMutations([
