Getting Geolocation on Mobile Devices using Vue.js + TypeScript + ASP.NET Core

hello.vue

<template>
  <div class="hello">
    <h1>{{ msg }}</h1>

    <div>
      <button type="button" v-on:click="getLocation">Get Location</button>
      <ul>
        <li>Latitude: {{ latitude }}</li>
        <li>Longitude: {{ longitude }}</li>
        <li>Altitude: {{ altitude }}</li>
      </ul>
    </div>

    <h2>Essential Links</h2>

    ...
</template>