fix

.firebase/hosting.ZGlzdA.cache

@@ -1,25 +1,26 @@
-android-chrome-192x192.png,1584800220732,85aa89b2d10fed20cf0cc3d227b76bf08329aec5ba33d703e684a9af95b7effc
-apple-touch-icon.png,1584800220732,f7793809069f6a3c9998ab5aa834f8bd97d3158e9837f7f935bc4129b968d2d7
-browserconfig.xml,1584800220732,9ce44d5f41efc3b07118b339128eeb2380985c8c72b55e77d86e286137be3b4f
-favicon-16x16.png,1584800220732,f29e0cd1fdf316130013da65a0015537466189af6b68c44de25f587c613ffea5
-android-chrome-512x512.png,1584800220732,aac4303b3b314198863d35e1dd62209d1733b172b295d3ef41a47c9f6daa5f56
-favicon-32x32.png,1584800220732,1020cd87e9f22dff52be38736bdc72ffe38505fcd8c41a977f977a4559f09da9
-logo.svg,1584800220732,13748105b893ef56ff0aceac011c4399097288277d264339876f5badb219f0d6
-main.189c895e.chunk.js,1584800220732,e32f07fc1c1ac83427db5e5ae03cec57542b1ae82c0231d2b32719ac2e07b46b
-index.html,1584800220732,00eb4455d2fabb7c98f510d6ef3336c5893c20ebd9d5eec8ecad161e9b5a3b1d
-mstile-144x144.png,1584800220752,d48fad484b1b16ef4c2ac7a589f690d9f4ce804dea4215ca539195a650797de7
-mstile-150x150.png,1584800220752,8852af225719903b952f3460268a29ac8b46fd9cfb3b24664a4bbb18be4d5498
-mstile-310x150.png,1584800220752,96d80ac5d24931c603b05d6c702ff9f1633d06ae002eba03c146b67a6e099ab7
-mstile-70x70.png,1584800220752,a6d7d1f65c9e6803a08e2871b99bf677d83932728eabe79558522716235b1c14
-mstile-310x310.png,1584800220752,014d68dbebd6a58a9672a475d356ac4d451812daa0e6c63704d25037ae3544d5
-site.webmanifest,1584800220752,27a49e20157daf138ed30ee09bf68686d8474365251cd88fb69e94f925eb52c4
-style.css,1584800220752,1cc618e54dcaca793e7d7222677ccc46d6b1697eb1c5888be412f422faf079a2
-safari-pinned-tab.svg,1584800220752,3b6db5a7717212e20249d9f80a69d3742faa5ffbeef2e9d25af9737715a391f4
-css/app.34f11d7e.css,1584800220732,4176453d10608c6bbebf40e17355c4e49dbf68707f9382bf2f1bf3d5813b4020
-favicon.ico,1584800220752,be50645f7ffd4145e952cf507d224ec40bcd132afeb524652bcad64528d6506d
-js/app.7e81d690.js,1584800220732,634d3b84354175848ea246dec07c43c58bb6476d631d02bfa2b39f16c2f509bc
-js/app.7e81d690.js.map,1584800220752,4ba98ad395b3f840df5b860c68172cc2c617decf8e5568a6c351b4268293877d
-2.c8dcbb7a.chunk.js,1584800220752,8c7da9aa3879ab1875fb6745056b83389e70e6c7a0b3213bb735eb78dd7f154f
-img/promo-image.27769455.png,1584800220732,e2698b622ed49bfc6d17c51c0a72eb46d52e6211057726826a825ddc94e3b7b6
-js/chunk-vendors.37eb90dc.js,1584800220752,d91b402b2b86a899f819ba970851c7daf598a9851b830f5a73a813158cdeb3ed
-js/chunk-vendors.37eb90dc.js.map,1584800220752,2080fb1ef8d5c4c18bc884bb865e12a1fdc8994dc0f93d07bb19d7b59593ff3a
+android-chrome-192x192.png,1584877917331,85aa89b2d10fed20cf0cc3d227b76bf08329aec5ba33d703e684a9af95b7effc
+android-chrome-512x512.png,1584877917331,aac4303b3b314198863d35e1dd62209d1733b172b295d3ef41a47c9f6daa5f56
+browserconfig.xml,1584877917331,9ce44d5f41efc3b07118b339128eeb2380985c8c72b55e77d86e286137be3b4f
+apple-touch-icon.png,1584877917331,f7793809069f6a3c9998ab5aa834f8bd97d3158e9837f7f935bc4129b968d2d7
+favicon-16x16.png,1584877917331,f29e0cd1fdf316130013da65a0015537466189af6b68c44de25f587c613ffea5
+favicon-32x32.png,1584877917331,1020cd87e9f22dff52be38736bdc72ffe38505fcd8c41a977f977a4559f09da9
+logo.svg,1584877917331,13748105b893ef56ff0aceac011c4399097288277d264339876f5badb219f0d6
+main.189c895e.chunk.js,1584877917363,e32f07fc1c1ac83427db5e5ae03cec57542b1ae82c0231d2b32719ac2e07b46b
+index.html,1584877917331,fac946961905d11d8ece991755bdb10da4971c833fa1fbfe9a0a9408a4248731
+mstile-144x144.png,1584877917363,d48fad484b1b16ef4c2ac7a589f690d9f4ce804dea4215ca539195a650797de7
+mstile-150x150.png,1584877917363,8852af225719903b952f3460268a29ac8b46fd9cfb3b24664a4bbb18be4d5498
+mstile-310x150.png,1584877917363,96d80ac5d24931c603b05d6c702ff9f1633d06ae002eba03c146b67a6e099ab7
+mstile-310x310.png,1584877917363,014d68dbebd6a58a9672a475d356ac4d451812daa0e6c63704d25037ae3544d5
+mstile-70x70.png,1584877917363,a6d7d1f65c9e6803a08e2871b99bf677d83932728eabe79558522716235b1c14
+site.webmanifest,1584877917363,27a49e20157daf138ed30ee09bf68686d8474365251cd88fb69e94f925eb52c4
+style.css,1584877917363,1cc618e54dcaca793e7d7222677ccc46d6b1697eb1c5888be412f422faf079a2
+safari-pinned-tab.svg,1584877917363,3b6db5a7717212e20249d9f80a69d3742faa5ffbeef2e9d25af9737715a391f4
+css/chunk-vendors.fe71ac11.css,1584877917359,a96074c99226971131e6f3242b9d8d94b2e1c9d9671bcb09b7cbe847b4609a36
+css/app.3e72acf4.css,1584877917331,f608da022dfdab99a9faedc4e363ecf299df36482c3983aa850b83aafb91943a
+favicon.ico,1584877917363,be50645f7ffd4145e952cf507d224ec40bcd132afeb524652bcad64528d6506d
+js/app.e1a1361c.js,1584877917331,104a390cc4453379d664729e1410e8a99b7f310f3873bd0d85f20f5b75a0f975
+js/app.e1a1361c.js.map,1584877917359,5d02b8d20bc0beeb59dcd6dacb5ad76e0fab4b16ceaef33af16a399d1b002884
+2.c8dcbb7a.chunk.js,1584877917363,8c7da9aa3879ab1875fb6745056b83389e70e6c7a0b3213bb735eb78dd7f154f
+img/promo-image.27769455.png,1584877917331,e2698b622ed49bfc6d17c51c0a72eb46d52e6211057726826a825ddc94e3b7b6
+js/chunk-vendors.417b4719.js,1584877917359,03df8c5c821b75ef99940b3e60c10d65366b014b516490c0cb2cb6db5c1cbab6
+js/chunk-vendors.417b4719.js.map,1584877917359,37281411972aab0bfa51227ed7849780965ced830fd021327cd627459dc76434

src/components/TextEditor.vue

@@ -4,9 +4,13 @@
 
 <script>
 import { codemirror } from 'vue-codemirror'
-
+  // language
+  import 'codemirror/mode/sql/sql.js'
   // base style
   import 'codemirror/lib/codemirror.css'
+
+    // theme css
+  import 'codemirror/theme/base16-light.css'
   
 export default {
     components: {
@@ -17,8 +21,8 @@ export default {
         code: 'const a = 10',
         cmOptions: {
             tabSize: 4,
-            mode: 'text/javascript',
-            theme: 'base16-dark',
+            mode: 'text/x-sql',
+            theme: 'base16-light',
             lineNumbers: true,
             line: true,
             // more CodeMirror options...