title: how to integrate tinymce vue component in laravel
body: <p>I'm trying to integrate tinymce vue component to my laravel project.
  this is what i did so far:</p>
  
  <p>installed the Vue package:</p>
  
  <pre><code>$ npm install --save @tinymce/tinymce-vue
  </code></pre>
  
  <p>include this script after your :</p>
  
  <pre><code>&lt;script src="/path/to/tinymce.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Create a new Vue component Editor.Vue within resources/assets/js/components:</p>
  
  <pre><code>&lt;template&gt;
     &lt;div id="app"&gt;
       &lt;img alt="Vue logo" src="./assets/logo.png"&gt;
       &lt;editor
         api-key="no-api-key"
         :init="{
           height: 500,
           menubar: false,
           plugins: [
             'advlist autolink lists link image charmap print preview anchor',
             'searchreplace visualblocks code fullscreen',
             'insertdatetime media table paste code help wordcount'
           ],
           toolbar:
             'undo redo | formatselect | bold italic backcolor | \
             alignleft aligncenter alignright alignjustify | \
             bullist numlist outdent indent | removeformat | help'
         }"
       /&gt;
     &lt;/div&gt;
   &lt;/template&gt;
  
   &lt;script&gt;
   import Editor from '@tinymce/tinymce-vue'
  
   export default {
     name: 'app',
     components: {
       'editor': Editor
     }
   }
   &lt;/script&gt;
  </code></pre>
  
  <p>Registered the component in resources/assets/js/app.js:</p>
  
  <pre><code>Vue.component('editor', require('./components/Editor.vue'));
  </code></pre>
  
  <p>installed it: </p>
  
  <pre><code>npm run dev
  </code></pre>
  
  <p>I'm not sure about:</p>
  
  <ol>
  <li>how do I use the component in my blade?</li>
  <li>how do I integrate it into a textarea so I can just submit the form from the blade and use the inputs in my controller?</li>
  </ol>