Get the selected content in Vue DocumentEditor component

<template>
    <div id="app">
      <ejs-documenteditorcontainer ref='container' :serviceUrl='serviceUrl' v-on:created="onCreated" height="590px" id='container' :enableToolbar='true'></ejs-documenteditorcontainer>
    </div>
</template>
<script>
  import Vue from 'vue';
  import { DocumentEditorContainerPlugin, DocumentEditorContainerComponent,Toolbar} from '@syncfusion/ej2-vue-documenteditor';

  Vue.use(DocumentEditorContainerPlugin);

 export default {
    data() {
      return {
        serviceUrl:
          'https://ej2services.syncfusion.com/production/web-services/api/documenteditor/',
      };
    },
    provide: {
      //Inject require modules.
      DocumentEditorContainer: [Toolbar],
    },
    methods: {
      handleCustomMenuSelect: function (args) {
        var documentEditor = this.$refs.container.ej2Instances.documentEditor;
        // custom Options Functionality
        let id = documentEditor.element.id;
        switch (args.id) {
          case id + 'search_in_google':
            var searchContent = documentEditor.selection.text;
            if (!documentEditor.selection.isEmpty && /\S/.test(searchContent)) {
              window.open('http://google.com/search?q=' + searchContent);
            }
            break;
        }
      },
      onCreated: function () {
        var obj = this.$refs.container.ej2Instances.documentEditor;
        var menuItems = [
          {
            text: 'Search In Google',
            id: 'search_in_google',
            iconCss: 'e-icons e-de-ctnr-find',
          },
        ];
        // adding Custom Options
        obj.contextMenu.addCustomMenu(menuItems, false);
        // custom Options Select Event
        obj.customContextMenuSelect = (args) => {
          this.handleCustomMenuSelect(args);
        };
      },
    }
  };
</script>

<template>
<div id="app">
  <ejs-documenteditorcontainer ref='container' :serviceUrl='serviceUrl' v-on:created="onCreated" height="590px" id='container' :enableToolbar='true'></ejs-documenteditorcontainer>
</div>
</template>
<script>
  import Vue from 'vue';
  import { DocumentEditorContainerPlugin, DocumentEditorContainerComponent,Toolbar} from '@syncfusion/ej2-vue-documenteditor';

  Vue.use(DocumentEditorContainerPlugin);

 export default {
data() {
  return {
    serviceUrl:
      'https://ej2services.syncfusion.com/production/web-services/api/documenteditor/',
  };
},
provide: {
  //Inject require modules.
  DocumentEditorContainer: [Toolbar],
},
methods: {
  onCreated: function () {
    var obj = this.$refs.container.ej2Instances.documentEditor;
    // To insert text in cursor position
    obj.editor.insertText('Document editor');
    // To select all the content in document
    obj.selection.selectAll();
    // Insert bookmark to selected content
    obj.editor.insertBookmark('Bookmark1');
    //Select the bookmark
    obj.selection.selectBookmark('Bookmark1');
    // To get the selected content as sfdt
    let selectedContent = obj.selection.sfdt;
    // Insert the sfdt content in cursor position using paste API
    obj.editor.paste(selectedContent);
  }
}
  };
</script>