refactor: modulize editor and viewer option.

For remove duplicated editorEvents

Author: ChangJoo-Park

src/Editor.vue

@@ -4,52 +4,9 @@
 <script>
 import Editor from 'tui-editor';
 
-const editorEvents = [
-    'load',
-    'change',
-    'stateChange',
-    'focus',
-    'blur'
-];
-
-const editorDefaultOptions = {
-    minHeight: '200px',
-    language: 'en_US',
-    useCommandShortcut: true,
-    useDefaultHTMLSanitizer: true,
-    usageStatistics: true,
-    hideModeSwitch: false,
-    toolbarItems: [
-        'heading',
-        'bold',
-        'italic',
-        'strike',
-        'divider',
-        'hr',
-        'quote',
-        'divider',
-        'ul',
-        'ol',
-        'task',
-        'indent',
-        'outdent',
-        'divider',
-        'table',
-        'image',
-        'link',
-        'divider',
-        'code',
-        'codeblock'
-    ]
-};
-
-const valueUpdateMethod = [
-    'insertText',
-    'setValue',
-    'setMarkdown',
-    'setHtml',
-    'reset'
-];
+import editorEvents from './editorEvents';
+import editorDefaultOptions from './editorDefaultOptions';
+import valueUpdateMethod from './valueUpdateMethod';
 
 export default {
     name: 'TuiEditor',

src/Viewer.vue

@@ -4,13 +4,7 @@
 <script>
 import Viewer from 'tui-editor/dist/tui-editor-Viewer';
 
-const editorEvents = [
-    'load',
-    'change',
-    'stateChange',
-    'focus',
-    'blur'
-];
+import editorEvents from './editorEvents';
 
 export default {
     name: 'TuiEditorViewer',

src/editorDefaultOptions.js

@@ -0,0 +1,30 @@
+export default {
+    minHeight: '200px',
+    language: 'en_US',
+    useCommandShortcut: true,
+    useDefaultHTMLSanitizer: true,
+    usageStatistics: true,
+    hideModeSwitch: false,
+    toolbarItems: [
+        'heading',
+        'bold',
+        'italic',
+        'strike',
+        'divider',
+        'hr',
+        'quote',
+        'divider',
+        'ul',
+        'ol',
+        'task',
+        'indent',
+        'outdent',
+        'divider',
+        'table',
+        'image',
+        'link',
+        'divider',
+        'code',
+        'codeblock'
+    ]
+};

src/editorEvents.js

@@ -0,0 +1,7 @@
+export default [
+    'load',
+    'change',
+    'stateChange',
+    'focus',
+    'blur'
+];

src/valueUpdatedMethod.js

@@ -0,0 +1,7 @@
+export default [
+    'insertText',
+    'setValue',
+    'setMarkdown',
+    'setHtml',
+    'reset'
+];