refactoring

examples/App.vue

@@ -65,12 +65,8 @@
 <script>
 import Icon from 'Components/Icon'
 import { Editor } from 'tiptap'
-// import tiptap from 'tiptap'
-// import tiptap from '../dist/tiptap.min.js'
 import MentionPlugin from './plugins/Mention.js'
 
-// console.log(tiptap)
-
 export default {
   components: {
     Editor,

examples/Components/Icon/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="icon" :class="[`icon--${name}`, `icon--${size}`, modifierClasses('icon'), { 'has-align-fix': fixAlign }]">
+	<div class="icon" :class="[`icon--${name}`, `icon--${size}`, { 'has-align-fix': fixAlign }]">
 		<svg class="icon__svg">
 			<use xmlns:xlink="http://www.w3.org/1999/xlink" :xlink:href="'#icon--' + name"></use>
 		</svg>

examples/main.js

@@ -8,20 +8,6 @@ svgSpriteLoader(__svg__.filename)
 
 Vue.config.productionTip = false
 
-Vue.mixin({
-	methods: {
-		modifierClasses(base, modifier = this.modifier) {
-			const classList = [modifier].flatten()
-
-			if (classList.length === 0) {
-				return null
-			}
-
-			return `${base}--${classList.join(` ${base}--`)}`
-    },
-  },
-})
-
 new Vue({
   render: h => h(App),
 }).$mount('#app')