text: 
  /**
   * First we will load all of this project's JavaScript dependencies which
   * includes Vue and other libraries. It is a great starting point when
   * building robust, powerful web applications using Vue and Laravel.
   */
  
  require('./bootstrap');
  
  window.Vue = require('vue');
  import VueRouter from 'vue-router';
  /**
   * Next, we will create a fresh Vue application instance and attach it to
   * the page. Then, you may begin adding components to this application
   * or customize the JavaScript scaffolding to fit your unique needs.
   */
  
  Vue.component('friend', require('./components/Friend.vue'));
  Vue.component('notification', require('./components/Notification.vue'));
  Vue.component('post', require('./components/Post.vue'));
  Vue.component('unread', require('./components/UnreadNots.vue'));
  
  Vue.use( CKEditor );
  Vue.use(VueRouter);
  
  import {store} from './store'
  import {routes} from './routes'
  
  window.onload = function(){
    const app = new Vue({
        el: '#app',
        store,
        data: {
          editor: ClassicEditor,
          editorData: '<p>Content of the editor.</p>',
          editorConfig: {
              // The configuration of the editor.
          }
       }
    });
  }
  
  // Custom JavaScript
  $(document).ready(function() {
      var panels = $('.user-infos');
      var panelsButton = $('.dropdown-user');
      panels.hide();
  
      //Click dropdown
      panelsButton.click(function() {
          //get data-for attribute
          var dataFor = $(this).attr('data-for');
          var idFor = $(dataFor);
  
          //current button
          var currentButton = $(this);
          idFor.slideToggle(400, function() {
              //Completed slidetoggle
              if(idFor.is(':visible'))
              {
                  currentButton.html('<i class="glyphicon glyphicon-chevron-up text-muted"></i>');
              }
              else
              {
                  currentButton.html('<i class="glyphicon glyphicon-chevron-down text-muted"></i>');
              }
          })
      });
  
  
      $('[data-toggle="tooltip"]').tooltip();
  
      $('button').click(function(e) {
          e.preventDefault();
          alert("This is a demo.\n :-)");
      });
  });
  
  // <!-- Script to make the textarea autoresize -->
   var autoExpand = function (field) {
  
     // Reset field height
     field.style.height = 'inherit';
  
     // Get the computed styles for the element
     var computed = window.getComputedStyle(field);
  
     // Calculate the height
     var height = parseInt(computed.getPropertyValue('border-top-width'), 10)
                  + parseInt(computed.getPropertyValue('padding-top'), 10)
                  + field.scrollHeight
                  + parseInt(computed.getPropertyValue('padding-bottom'), 10)
                  + parseInt(computed.getPropertyValue('border-bottom-width'), 10);
  
     field.style.height = height + 'px';
  
   };
  
   document.addEventListener('input', function (event) {
     if (event.target.tagName.toLowerCase() !== 'textarea') return;
     autoExpand(event.target);
   }, false);
  
   //CKEDITOR5 Script
  