refactor: extract css from layout into css module

Author: elevatebart

src/VueLiveDefaultLayout.vue

@@ -1,10 +1,23 @@
 <template functional>
-  <div class="vue-live-container" style="display:flex; ">
-    <div style="width:50%;">
-      <slot name="editor"></slot>
+  <div :class="$style.container">
+    <div :class="$style.editor">
+      <slot name="editor" />
     </div>
-    <div style="background-color:white;width:50%;">
-      <slot name="preview"></slot>
+    <div :class="$style.preview">
+      <slot name="preview" />
     </div>
   </div>
 </template>
+
+<style module="VueLive">
+.container {
+  display: flex;
+}
+.editor {
+  width: 50%;
+}
+.preview {
+  background-color: white;
+  width: 50%;
+}
+</style>