Temp fix for vuejs/vuepress#2428

Author: shouryaps

docs/.vuepress/config.js

@@ -6,6 +6,14 @@ module.exports = {
   }], ['@vuepress/search', {
     test: ["^((?!device-connect\/transactions).)*$"]
   }]],
+  mounted() {
+    const hash = document.location.hash;
+    if (hash.length > 1) {
+      const id = hash.substring(1)
+      const element = document.getElementById(id)
+      if (element) element.scrollIntoView()
+    }
+  },
   themeConfig: {
     logo: '/logo.svg',
     heroText: ' ',

docs/.vuepress/theme/index.js

@@ -0,0 +1,3 @@
+module.exports = {
+    extend: '@vuepress/theme-default'
+}

docs/.vuepress/theme/layouts/Layout.vue

@@ -0,0 +1,39 @@
+<template>
+  <Layout>
+    <div slot="page-bottom" class="footer">
+      <p>
+        <span class="item">Copyright © {{ new Date().getFullYear() }}</span> 
+        <span class="item">Moshpit Technologies Pvt. Ltd.</span>
+      </p>
+    </div>
+  </Layout>
+</template>
+
+<script>
+import Layout from '@vuepress/theme-default/layouts/Layout.vue'
+export default {
+  components: {
+    Layout
+  },
+  mounted() {
+    // Fix scrolling to the referenced element upon initial page load
+    const hash = document.location.hash;
+    if (hash.length > 1) {
+      const id = hash.substring(1)
+      const element = document.getElementById(id)
+      if (element) element.scrollIntoView()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.footer {
+  text-align: center;
+  color: #4e6e8e;
+  padding: 0 2rem;
+}
+.footer .item {
+  white-space: nowrap;
+}
+</style>