trying to fix render bug for non-home views

src/components/login/index.vue

@@ -4,16 +4,18 @@
 
 <script lang="ts">
 
-export default {
+import { defineComponent } from "vue";
+
+export default defineComponent({
 
   name: "Login",
 
-};
+});
 
 </script>
 
 <style lang="scss" scoped>
-  #messenger {
+  #login {
     width: 350px;
     height: 500px;
     background-color: #e6e6e6;