diff --git a/src/Viewer.vue b/src/Viewer.vue
index e046c36..6c7c269 100644
--- a/src/Viewer.vue
+++ b/src/Viewer.vue
@@ -41,6 +41,7 @@ export default {
 
     this.editor = Editor.factory({
       el: this.$refs.tuiEditorViewer,
+      exts: this.exts,
       events: eventOption,
       initialValue: this.value,
       height: this.height,
diff --git a/stories/editor.stories.js b/stories/editor.stories.js
index 719b37f..3cb1935 100644
--- a/stories/editor.stories.js
+++ b/stories/editor.stories.js
@@ -1,5 +1,4 @@
 
-import Vue from 'vue';
 import {storiesOf} from '@storybook/vue';
 import {withKnobs} from '@storybook/addon-knobs';
 import {action} from '@storybook/addon-actions';
diff --git a/stories/viewer.stories.js b/stories/viewer.stories.js
index e098969..76afcf2 100644
--- a/stories/viewer.stories.js
+++ b/stories/viewer.stories.js
@@ -1,5 +1,4 @@
 
-import Vue from 'vue';
 import {storiesOf} from '@storybook/vue';
 import {html} from 'common-tags';
 import * as dummy from './dummyData';
@@ -9,7 +8,6 @@ import 'highlight.js/styles/github.css';
 import 'tui-editor/dist/tui-editor.min.css';
 import 'tui-editor/dist/tui-editor-contents.min.css';
 
-import 'tui-editor/dist/tui-editor-extScrollSync';
 import 'tui-editor/dist/tui-editor-extColorSyntax';
 import 'tui-editor/dist/tui-editor-extUML';
 import 'tui-editor/dist/tui-editor-extChart';
@@ -35,7 +33,6 @@ stories.add('demo', () => ({
           minHeight: 100,
           maxHeight: 300
         },
-        'scrollSync',
         'colorSyntax',
         'uml',
         'mark',
@@ -65,7 +62,6 @@ stories.add('change value prop', () => ({
           minHeight: 100,
           maxHeight: 300
         },
-        'scrollSync',
         'colorSyntax',
         'uml',
         'mark',
@@ -100,7 +96,6 @@ stories.add('invoke method', () => ({
           minHeight: 100,
           maxHeight: 300
         },
-        'scrollSync',
         'colorSyntax',
         'uml',
         'mark',