chore: update nuxt example, close F-loat#75

F-loat · F-loat · commit 14aa13ffbe2e · 2020-01-28T17:14:19.000+08:00
diff --git a/examples/index.vue b/examples/index.vue
@@ -15,71 +15,71 @@
 </template>
 
 <script>
-  import VueSimplemde from 'vue-simplemde/src/vue-simplemde'
+import VueSimplemde from 'vue-simplemde';
 
-  // Base example
-  export default {
-    components: {
-      VueSimplemde
-    },
-    data () {
-      return {
-        content: '',
-        configs: {
-          spellChecker: false // disable spell check
-        }
-      }
-    }
-  }
+// Base example
+export default {
+  components: {
+    VueSimplemde,
+  },
+  data() {
+    return {
+      content: '',
+      configs: {
+        spellChecker: false, // disable spell check
+      },
+    };
+  },
+};
 
-  // Complete example
-  export default {
-    components: {
-      VueSimplemde
-    },
-    data () {
-      return {
-        content: '',
-        configs: {
-          status: false, // disable the status bar at the bottom
-          spellChecker: false // disable spell check
-        }
-      }
-    },
-    computed: {
-      simplemde () {
-        return this.$refs.markdownEditor.simplemde
-      }
+// Complete example
+export default {
+  components: {
+    VueSimplemde,
+  },
+  data() {
+    return {
+      content: '',
+      configs: {
+        status: false, // disable the status bar at the bottom
+        spellChecker: false, // disable spell check
+      },
+    };
+  },
+  computed: {
+    simplemde() {
+      return this.$refs.markdownEditor.simplemde;
     },
-    mounted () {
-      console.log(this.simplemde)
-      this.simplemde.togglePreview()
+  },
+  mounted() {
+    console.log(this.simplemde);
+    this.simplemde.togglePreview();
 
-      // 'change' envent has bound, via @input attache an event listener
-      // You can attache events in this [list](https://codemirror.net/doc/manual.html#events) yourself if necessary
-      this.simplemde.codemirror.on('beforeChange', (instance, changeObj) => {
-        // do some things
-      })
+    // 'change' envent has bound, via @input attache an event listener
+    // You can attache events in this [list](https://codemirror.net/doc/manual.html#events) yourself if necessary
+    this.simplemde.codemirror.on('beforeChange', (instance, changeObj) => {
+      // do some things
+    });
 
-      // remove SimpleMDE, when component destroy will invoke
-      this.simplemde = null
+    // remove SimpleMDE, when component destroy will invoke
+    this.simplemde = null;
 
-      // some useful methods
-      this.$refs.markdownEditor.initialize() // init
-      this.simplemde.toTextArea()
-      this.simplemde.isPreviewActive() // returns boolean
-      this.simplemde.isSideBySideActive() // returns boolean
-      this.simplemde.isFullscreenActive() // returns boolean
-      this.simplemde.clearAutosavedValue() // no returned value
-      this.simplemde.markdown(this.content) // returns parsed html
-      this.simplemde.codemirror.refresh() // refresh codemirror
+    // some useful methods
+    this.$refs.markdownEditor.initialize(); // init
+    this.simplemde.toTextArea();
+    this.simplemde.isPreviewActive(); // returns boolean
+    this.simplemde.isSideBySideActive(); // returns boolean
+    this.simplemde.isFullscreenActive(); // returns boolean
+    this.simplemde.clearAutosavedValue(); // no returned value
+    this.simplemde.markdown(this.content); // returns parsed html
+    this.simplemde.codemirror.refresh(); // refresh codemirror
+  },
+  methods: {
+    handleInput() {
+      // do some things
     },
-    methods: {
-      handleInput () {
-        // do some things
-      }
-    }
-  }
+  },
+};
 </script>
 
 <style>
diff --git a/examples/nuxt/nuxt-simplemde-plugin.js b/examples/nuxt/nuxt-simplemde-plugin.js
@@ -1,4 +1,5 @@
-import Vue from 'vue'
-import VueSimplemde from 'vue-simplemde'
+import Vue from 'vue';
+import VueSimplemde from 'vue-simplemde';
+import 'simplemde/dist/simplemde.min.css';
 
-Vue.use(VueSimplemde)
+Vue.component('vue-simplemde', VueSimplemde);
diff --git a/examples/nuxt/nuxt.config.js b/examples/nuxt/nuxt.config.js
@@ -1,9 +1,9 @@
 module.exports = {
   // some nuxt config...
   plugins: [
-    { src: '~plugins/nuxt-simplemde-plugin.js', ssr: false }
+    { src: '~plugins/nuxt-simplemde-plugin.js', ssr: false },
   ],
   css: [
-    'simplemde/dist/simplemde.min.css'
-  ]
-}
+    'simplemde/dist/simplemde.min.css',
+  ],
+};
