fix github href

src/App.vue

@@ -6,10 +6,18 @@ const { isReady } = useGitHubLogin()
 </script>
 
 <template>
-  <router-view v-if="isReady" />
-  <new-version />
+  <div id="main-app">
+    <router-view v-if="isReady" />
+    <new-version />
+  </div>
 </template>
 
 <style lang="scss">
 @import 'styles/app';
+
+#main-app {
+  height: 100vh;
+  display: flex;
+  flex: 1;
+}
 </style>

src/components/LoginGithub.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="login-github">
     <br />
-    <a ;href="url" target="_blank" rel="noopener noreferrer">
+    <a :href="url.toString()" target="_blank" rel="noopener noreferrer">
       login to
       <img src="@/assets/icons/github.svg" alt="GitHub icon" />
     </a>
@@ -25,8 +25,3 @@ export default defineComponent({
   }
 })
 </script>
-
-<style lang="scss" scoped>
-.login-github {
-}
-</style>