Migrate locator-tool to Vue

app/App.vue

@@ -0,0 +1,10 @@
+<template>
+  <lt-navbar></lt-navbar>
+  <div class="d-flex flex-grow-1 container-fluid flex-column">
+    <router-view class="d-flex flex-grow-1" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import ltNavbar from './components/ltNavbar.vue';
+</script>

app/api/ltDataAuth.ts

@@ -1,4 +1,5 @@
-import {CommonsFile, LatLng, User} from '../model';
+import {useFetch} from '@vueuse/core';
+import {CommonsFile, LatLng} from '../model';
 
 interface UserApiResponse {
   user: string;
@@ -12,34 +13,38 @@ interface EditApiResponse {
   };
 }
 
-export default class LtDataAuth {
-  public static $inject = ['$http'];
-  constructor(private $http: ng.IHttpService) {}
-
-  getUserInfo(): ng.IPromise<User> {
-    return this.$http.get<UserApiResponse>('/user').then(d => d?.data?.user);
-  }
+export function getUserInfo() {
+  return useFetch<UserApiResponse>('/user');
+}
 
-  editLocation(title: CommonsFile, coordinates: LatLng): ng.IPromise<void> {
-    const {pageid} = title;
-    const {type, lat, lng} = coordinates;
-    return this.$http<EditApiResponse>({
+export function editLocation(title: CommonsFile, coordinates: LatLng) {
+  const {pageid} = title;
+  const {type, lat, lng} = coordinates;
+  return useFetch<EditApiResponse>(
+    '/edit',
+    {
       method: 'POST',
-      url: '/edit',
-      data: {type, lat, lng, pageid}
-    }).then(response => {
-      const data = response.data;
-      if (!data.result || !data.result.edit || data.result.edit.result !== 'Success') {
-        throw data;
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({type, lat, lng, pageid})
+    },
+    {
+      afterFetch(ctx) {
+        const {data} = ctx;
+        if (!data.result || !data.result.edit || data.result.edit.result !== 'Success') {
+          throw data;
+        }
+        return ctx;
       }
-    });
-  }
+    }
+  );
+}
 
-  get loginURL(): string {
-    return '/login?next=' + encodeURIComponent('/' + location.hash);
-  }
+export function loginURL(): string {
+  return '/login?next=' + encodeURIComponent('/' + location.hash);
+}
 
-  get logoutURL(): string {
-    return '/logout?next=' + encodeURIComponent('/' + location.hash);
-  }
+export function logoutURL(): string {
+  return '/logout?next=' + encodeURIComponent('/' + location.hash);
 }