Vue Js Get Hash from URL

<html>
  <head>
    <script type="importmap">
      {
        "imports": {
          "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
        }
      }
    </script>
    <body>
      <div id="app">
        <h3>Vue Js location.hash Property</h3>
        <p>Get hash value form URL in Vue Js</p>
        <a
          id="link"
          href="https://fontawesomeicons.com/bootstrap-table/#table-pagination-text-added-dynamically"
          >Bootstrap table</a
        ><br />
        <button @click="myFunction">click me</button>
        <p>{{result}}</p>
      </div>
      <script type="module">
        import { createApp } from "vue";
        createApp({
          data() {
            return {
              result: "",
              url: "",
            };
          },
          methods: {
            myFunction() {
              this.url = link;
              this.result = this.url.hash;
            },
          },
        }).mount("#app");
      </script>
    </body>
  </head>
</html>