fix

.firebase/hosting.ZGlzdA.cache

@@ -1,26 +1,26 @@
-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
+android-chrome-192x192.png,1584878808716,85aa89b2d10fed20cf0cc3d227b76bf08329aec5ba33d703e684a9af95b7effc
+apple-touch-icon.png,1584878808716,f7793809069f6a3c9998ab5aa834f8bd97d3158e9837f7f935bc4129b968d2d7
+android-chrome-512x512.png,1584878808716,aac4303b3b314198863d35e1dd62209d1733b172b295d3ef41a47c9f6daa5f56
+browserconfig.xml,1584878808716,9ce44d5f41efc3b07118b339128eeb2380985c8c72b55e77d86e286137be3b4f
+favicon-16x16.png,1584878808716,f29e0cd1fdf316130013da65a0015537466189af6b68c44de25f587c613ffea5
+favicon-32x32.png,1584878808716,1020cd87e9f22dff52be38736bdc72ffe38505fcd8c41a977f977a4559f09da9
+logo.svg,1584878808716,13748105b893ef56ff0aceac011c4399097288277d264339876f5badb219f0d6
+main.189c895e.chunk.js,1584878808744,e32f07fc1c1ac83427db5e5ae03cec57542b1ae82c0231d2b32719ac2e07b46b
+index.html,1584878808716,2c50898ccfc36b2575618e2e9ed999d68576466459233a4276df71697520b846
+mstile-144x144.png,1584878808744,d48fad484b1b16ef4c2ac7a589f690d9f4ce804dea4215ca539195a650797de7
+mstile-150x150.png,1584878808744,8852af225719903b952f3460268a29ac8b46fd9cfb3b24664a4bbb18be4d5498
+mstile-310x150.png,1584878808744,96d80ac5d24931c603b05d6c702ff9f1633d06ae002eba03c146b67a6e099ab7
+mstile-310x310.png,1584878808744,014d68dbebd6a58a9672a475d356ac4d451812daa0e6c63704d25037ae3544d5
+mstile-70x70.png,1584878808744,a6d7d1f65c9e6803a08e2871b99bf677d83932728eabe79558522716235b1c14
+site.webmanifest,1584878808744,27a49e20157daf138ed30ee09bf68686d8474365251cd88fb69e94f925eb52c4
+style.css,1584878808744,1cc618e54dcaca793e7d7222677ccc46d6b1697eb1c5888be412f422faf079a2
+safari-pinned-tab.svg,1584878808744,3b6db5a7717212e20249d9f80a69d3742faa5ffbeef2e9d25af9737715a391f4
+css/chunk-vendors.5f0707bb.css,1584878808744,eb8ee8ee567578db3b0c037ee14fabafa3266a582572b915fa3632cf1b9e2b5c
+favicon.ico,1584878808744,be50645f7ffd4145e952cf507d224ec40bcd132afeb524652bcad64528d6506d
+css/app.3e72acf4.css,1584878808716,f608da022dfdab99a9faedc4e363ecf299df36482c3983aa850b83aafb91943a
+js/app.0eee7d57.js,1584878808720,f79dbb32156771a82e0bcc76727ecd24dad8e858b5d978a2c53eeb51ddd60830
+js/app.0eee7d57.js.map,1584878808744,f5eb8d8e6a9ce12f70cc12f62d7f01af87526193d0bb0375b81d1d4d36b18ee8
+2.c8dcbb7a.chunk.js,1584878808744,8c7da9aa3879ab1875fb6745056b83389e70e6c7a0b3213bb735eb78dd7f154f
+img/promo-image.27769455.png,1584878808716,e2698b622ed49bfc6d17c51c0a72eb46d52e6211057726826a825ddc94e3b7b6
+js/chunk-vendors.e0205bab.js,1584878808744,7dca66d21ec2aabb4ee8dceaccd87b823c56b2b1ec8e25db70d0e50c224fe2d9
+js/chunk-vendors.e0205bab.js.map,1584878808744,b8b1f5484932d4b3ff7fe2d6bf01a7ddfda38e84fc5befa6794eed9cf2a0d7a5

package.json

@@ -5,7 +5,8 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
+    "lint": "vue-cli-service lint",
+    "deploy": "npm run build && firebase deploy"
   },
   "dependencies": {
     "core-js": "^3.4.3",

src/components/Sql.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="hello">
-    <h1>{{ msg }}</h1>
-    <TextEditor />
+    <TextEditor :submit="submit" :theme="theme" :lang="lang" />
   </div>
 </template>
 
@@ -33,12 +32,17 @@ export default {
   
   data() {
     return {
-      msg: "Welcome to Vue.js sql.js boilerplate",
       db: "",
+      // TODO: get that values from vuex store 
+      theme: "base16-light",
+      lang: "text/x-python"
     };
   },
 
   methods: {
+    submit(res) {
+      console.log(res); // eslint-disable-line no-console
+    }
   },
 
   beforeCreate: function() {

src/components/TextEditor.vue

@@ -1,33 +1,83 @@
 <template>
+<div class="text-editor">
     <codemirror v-model="code" :options="cmOptions" />
+    <button class="submit-btn" v-on:click="submitCode">Отправить задание</button>
+</div>
 </template>
 
+<style scoped>
+
+.text-editor {
+  border-radius: 15px;
+  font-size: 22px;
+  width: 1200px;
+}
+
+.text-editor {
+  margin-left: 2%;
+  margin-right: 10%;
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+.submit-btn {
+  margin-left: 50px;
+  font-size: 22px;
+  font-weight: 600;
+  text-decoration: none;
+  margin-top: 40px;
+  padding: 9px 21px;
+  background: #fff;
+  color: #c0b8ad;
+  border: 2px solid #a69f95;
+  border-radius: 4px;
+}
+
+.submit-btn:hover {
+  color: #7d6038;
+  border: 2px solid #6c5330;
+}
+
+.submit-btn:active {
+  color: #908b85;
+  border: 2px solid #7d7973;
+}
+</style>
+
 <script>
 import { codemirror } from 'vue-codemirror'
   // language
   import 'codemirror/mode/sql/sql.js'
+    import 'codemirror/mode/python/python.js'
   // base style
   import 'codemirror/lib/codemirror.css'
 
     // theme css
   import 'codemirror/theme/base16-light.css'
+  import 'codemirror/theme/base16-dark.css'
   
 export default {
+    props: ["submit", "theme", "lang"],
     components: {
         codemirror,
     },
     data () {
         return {
-        code: 'const a = 10',
+        code: '',
         cmOptions: {
             tabSize: 4,
-            mode: 'text/x-sql',
-            theme: 'base16-light',
+            mode: this.lang,
+            theme: this.theme,
             lineNumbers: true,
             line: true,
             // more CodeMirror options...
           }
         }
+    },
+    methods: {
+      submitCode: function () {
+          this.submit(this.code)
+      }
     }
 }
 </script>