refactor(modules/web): Mirgrat to typescript; fix bugs

modules/web/src/assets/bookshelf.css

@@ -1,14 +1,14 @@
 body {
-    padding: 0;
-    margin: 0;
-    height: 100vh;
+  padding: 0;
+  margin: 0;
+  height: 100vh;
 }
 
 #app {
-    font-family: "Avenir", Helvetica, Arial, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    color: #2c3e50;
-    margin: 0;
-    height: 100%;
-}
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #2c3e50;
+  margin: 0;
+  height: 100%;
+}

modules/web/src/assets/code.css

@@ -1,7 +1,9 @@
-code {
-  border-radius: 4px;
-  padding: .15rem .5rem;
-  background-color: var(--el-fill-color-light);
-  transition: color .25s, background-color .5s;
-  font-size: 14px;
-}
+code {
+  border-radius: 4px;
+  padding: 0.15rem 0.5rem;
+  background-color: var(--el-fill-color-light);
+  transition:
+    color 0.25s,
+    background-color 0.5s;
+  font-size: 14px;
+}

modules/web/src/assets/fonts/iconfont.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
 @font-face {
-  font-family: "iconfont";
-  src: url("./iconfont.woff") format("woff");
+  font-family: 'iconfont';
+  src: url('./iconfont.woff') format('woff');
 }

modules/web/src/assets/fonts/popfont.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 @font-face {
-  font-family: "FZZCYSK";
-  src: local("☺"), url("./popfont.ttf");
+  font-family: 'FZZCYSK';
+  src: local('☺'), url('./popfont.ttf');
   font-style: normal;
   font-weight: normal;
 }

modules/web/src/assets/fonts/shelffont.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 @font-face {
-  font-family: "FZZCYSK";
-  src: local("☺"), url("./shelffont.ttf");
+  font-family: 'FZZCYSK';
+  src: local('☺'), url('./shelffont.ttf');
   font-style: normal;
   font-weight: normal;
 }

modules/web/src/assets/kbd.css

@@ -1,9 +1,12 @@
-kbd {
-  align-items: center;
-  background: rgba(125, 125, 125, .1);
-  border-radius: 3px;
-  border: 0;
-  padding: 4px 5px;
-  font-weight: bold;
-  box-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff, 0 1px 2px 1px rgba(30, 35, 90, .4);
-}
+kbd {
+  align-items: center;
+  background: rgba(125, 125, 125, 0.1);
+  border-radius: 3px;
+  border: 0;
+  padding: 4px 5px;
+  font-weight: bold;
+  box-shadow:
+    inset 0 -2px 0 0 #cdcde6,
+    inset 0 0 1px 1px #fff,
+    0 1px 2px 1px rgba(30, 35, 90, 0.4);
+}

modules/web/src/assets/sourceeditor.css

@@ -1,13 +1,13 @@
-@import './kbd.css';
-@import './code.css';
-
-body {
-    padding: 0;
-    margin: 0;
-}
-
-.el-tabs__header {
-    position: sticky;
-    top: 0px;
-    z-index: 2;
-}
+@import './kbd.css';
+@import './code.css';
+
+body {
+  padding: 0;
+  margin: 0;
+}
+
+.el-tabs__header {
+  position: sticky;
+  top: 0px;
+  z-index: 2;
+}