fix: for SSR avoid using css modules

Author: elevatebart

src/Preview.vue

@@ -1,5 +1,5 @@
 <template>
-  <pre :class="$style.error" v-if="error">{{ this.error }}</pre>
+  <pre class="VueLive-error" v-if="error">{{ this.error }}</pre>
   <component
     v-else-if="previewedComponent"
     :id="scope"
@@ -200,8 +200,8 @@ export default {
 };
 </script>
 
-<style module>
-.error {
+<style>
+.VueLive-error {
   color: red;
   text-align: left;
   overflow: auto;

src/VueLiveDefaultLayout.vue

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