diff --git a/blog/font/blog/src/App.vue b/blog/font/blog/src/App.vue
index 867ae44..ca8198c 100644
--- a/blog/font/blog/src/App.vue
+++ b/blog/font/blog/src/App.vue
@@ -1,16 +1,24 @@
-<template>
+<template >
+  <div class="app">
     <Login/>
+  </div>
+    
 </template>
   
   <script lang="ts">
    
 import Login from './views/Login.vue';
+export default {
+  components: {
+    Login
+  }
+};
 
   </script>
   
   <style>
     .app {
-      background-color: #ddd;
+      background-color: #3a896b;
       box-shadow: 0 0 10px;
       border-radius: 10px;
       padding: 20px;