title: using summernote with vue.js 2
body: <p>i want to use summernote in my vue.js 2 spa, and because not all my page using summernote so i make summernote to be a component by adding </p>
  
  <pre><code>export default {
      editor_function(){
       //summernote function in summernote.min.js
      }
  }
  </code></pre>
  
  <p>and then i just import it in my .vue file that need summernote and call <code>editor_function</code> on <code>mounted()</code> function but i got error <code>unknown codemirror</code> when npm compile my vue project into single app.js file.</p>
  
  <p>so i went into just include summernote.min.js in my index.html and thats mean it will be loaded before vue js spa is started (which is not very ideal since only some page need this plugin, but well i need this to work)</p>
  
  <p>so after that it is working, but now i got no idea how to get ouput data from summernote into vuejs, i am adding v-<code>model</code> into <code>textarea</code> like this</p>
  
  <pre><code>&lt;textarea class="summernote" v-model="content"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>i also tried to make custom input like this but not working</p>
  
  <pre><code>&lt;textarea class="summernote" 
            :value="content"
            @input="content = $event.target.value"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>but it just not binded into my v-model content and that's mean when i post the output from summernote/content it will be empty...</p>
  
  <p>so how to make summernote works with vue js 2? i found some package for summernote and vue js but it's works only with old version vue js( v.1 maybe?) and not compatible with vue js 2.</p>