From a2e3a71690f0cd5dddd91519703ac8150b487440 Mon Sep 17 00:00:00 2001
From: Phil Hughes <me@iamphill.com>
Date: Wed, 13 Jun 2018 17:42:59 +0100
Subject: use raw when content is available

[ci skip]
---
 app/assets/javascripts/ide/components/preview.vue | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/app/assets/javascripts/ide/components/preview.vue b/app/assets/javascripts/ide/components/preview.vue
index 902dd1036c6..31967d641a8 100644
--- a/app/assets/javascripts/ide/components/preview.vue
+++ b/app/assets/javascripts/ide/components/preview.vue
@@ -13,19 +13,20 @@ export default {
         return {
           ...acc,
           [`/${path}`]: {
-            code: file.content,
+            code: file.content || file.raw,
           },
         };
       }, {});
     },
   },
   watch: {
-    normalizedEntries() {
-      this.update();
+    entries: {
+      deep: true,
+      handler: 'update',
     },
   },
   mounted() {
-    this.manager = new Manager('#js-sandpack-preview', {
+    this.manager = new Manager('#ide-preview', {
       files: this.normalizedEntries,
       entry: '/index.js',
       dependencies: {},
@@ -44,7 +45,14 @@ export default {
 </script>
 
 <template>
-  <div style="width:300px;">
-    <div id="js-sandpack-preview"></div>
+  <div class="preview">
+    <div id="ide-preview"></div>
   </div>
 </template>
+
+<style scoped>
+.preview {
+  width: 500px;
+  border-left: 1px solid #eaeaea;
+}
+</style>
-- 
cgit v1.2.1