diff --git a/package.json b/package.json
index 15fc4e4..3061f44 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
   "dependencies": {
     "express": "^4.16.4",
     "interactjs": "^1.3.4",
+    "js-yaml": "^3.12.0",
     "nedb-promises": "^3.0.2",
     "parcel-bundler": "^1.11.0",
     "phantom": "^4.0.12",
diff --git a/src/Editor.vue b/src/Editor.vue
index 2f4ae4c..0da1010 100644
--- a/src/Editor.vue
+++ b/src/Editor.vue
@@ -52,6 +52,7 @@
 </template>
 
 <script>
+ import yaml from 'js-yaml';
  import Deck from './Deck.vue';
 
  export default {
@@ -90,9 +91,7 @@
      jsonUpload(event) {
        let files = event.target.files;
        let reader = new FileReader();
-       reader.onload = event => {
-         this.deckInfo = JSON.parse(event.target.result);
-       };
+       reader.onload = e => this.deckInfo = yaml.safeLoad(e.target.result);
        reader.readAsText(files[0]);
      },