Vue Js Get Current Location

<html>

<head>
  <script type="importmap">
      {
        "imports": {
          "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
        }
      }
    </script>
</head>

<body>
  <div id="app">
    <h3>Vue Js navigator.geolocation Property</h3>
    <p>Get Current location latitude longitude</p>
    <p>Latitude = {{currLocation.latitude}}</p>
    <p>Longitude = {{currLocation.longitude}}</p>
  </div>
  <script type="module">
    import { createApp } from "vue";
    createApp({
      data() {
        return {
          currLocation: ''
        }
      },
      mounted() {

if (navigator.geolocation) {
          navigator.geolocation.getCurrentPosition(currentPosition => {
            this.currLocation = {
              latitude: currentPosition.coords.latitude,
              longitude: currentPosition.coords.longitude
            }
          })
        }
        else {
          alert('Geolocation is not supported in this browser')
        }
      }

}).mount("#app");
  </script>
</body>

</html>