Vuejs, Summernote and Laravel

I want to use summernote with vuejs and laravel. I am building a single page application where I listing a number of feeds. On the edit page of each feed the user can edit the content of the feed with summernote where summernote can be included in any other page which will need a text editor therefore I have made summernote a component. Am not getting any errors but won't change to summernote.

Summernot.vue

<template>
  <div>
    <textarea :class="{ 'is-invalid': errors.has('title') }" id="summernote" data-plugin="summernote" 
    name="content" data-option="{}" required=""  v-validate="'required|min:2'" v-model="summernoteContent"></textarea> 
 </div>
</template>

<script>
 export default {
    data() {
        return {
            summernoteContent: ''
        }
    },

    ready() {

        $('#summernote').summernote();

    }
  }
 </script>

Edit.vue

  <template>
     <div class="box-body">
       <summernote></summernote>
     </div>
  </template>

import Summernote from '../../components/Summernote'

export default {

    components: { Summernote }
 }
</script>

via Chebli Mohamed