diff --git a/src/components/ElTiptap.vue b/src/components/ElTiptap.vue
index b7c769c4..6bf3b2d5 100644
--- a/src/components/ElTiptap.vue
+++ b/src/components/ElTiptap.vue
@@ -44,8 +44,8 @@
 <script>
 import { Editor, EditorContent } from 'tiptap';
 
-import { Placeholder } from '@/extensions';
-import { capitalize } from '@/utils/shared';
+import { Placeholder } from '../extensions';
+import { capitalize } from '../utils/shared';
 
 import MenuBar from './MenuBar/index.vue';
 import MenuBubble from './MenuBubble/index.vue';
diff --git a/src/components/MenuCommands/CommandButton.vue b/src/components/MenuCommands/CommandButton.vue
index ac3e84c5..59dd609d 100644
--- a/src/components/MenuCommands/CommandButton.vue
+++ b/src/components/MenuCommands/CommandButton.vue
@@ -41,7 +41,7 @@ import {
   faUndo,
   faRedo,
 } from '@fortawesome/free-solid-svg-icons';
-import { noop } from '@/utils/shared';
+import { noop } from '../../utils/shared';
 
 library.add(
   faHeading,
diff --git a/src/components/MenuCommands/HeadingDropdown.vue b/src/components/MenuCommands/HeadingDropdown.vue
index 02629613..d99ed1e0 100644
--- a/src/components/MenuCommands/HeadingDropdown.vue
+++ b/src/components/MenuCommands/HeadingDropdown.vue
@@ -27,7 +27,7 @@
 </template>
 
 <script>
-import { isHeadingActive } from '@/extensions/heading';
+import { isHeadingActive } from '../../extensions/heading';
 import CommandButton from './CommandButton.vue';
 
 export default {
diff --git a/src/components/MenuCommands/ImageUploadCommandButton.vue b/src/components/MenuCommands/ImageUploadCommandButton.vue
index b1e58176..4fadb712 100644
--- a/src/components/MenuCommands/ImageUploadCommandButton.vue
+++ b/src/components/MenuCommands/ImageUploadCommandButton.vue
@@ -27,7 +27,7 @@
 </template>
 
 <script>
-import { readFileDataUrl } from '@/utils/shared';
+import { readFileDataUrl } from '../../utils/shared';
 
 import CommandButton from './CommandButton';
 
diff --git a/src/components/MenuCommands/LineHeightDropdown.vue b/src/components/MenuCommands/LineHeightDropdown.vue
index fdbbb738..b898f48d 100644
--- a/src/components/MenuCommands/LineHeightDropdown.vue
+++ b/src/components/MenuCommands/LineHeightDropdown.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script>
-import { isLineHeightActive } from '@/extensions/line_height';
+import { isLineHeightActive } from '../../extensions/line_height';
 
 import CommandButton from './CommandButton.vue';
 
diff --git a/src/extensions/blockquote.js b/src/extensions/blockquote.js
index 1fae49f8..a034cf4c 100644
--- a/src/extensions/blockquote.js
+++ b/src/extensions/blockquote.js
@@ -1,5 +1,5 @@
 import { Blockquote as TiptapBlockquote } from 'tiptap-extensions';
-import CommandButton from '@/components/MenuCommands/CommandButton.vue';
+import CommandButton from '../components/MenuCommands/CommandButton.vue';
 import { ParagraphNodeSpec, getParagraphNodeAttrs, toParagraphDOM } from './paragraph';
 
 const BlockquoteNodeSpec = {
diff --git a/src/extensions/bold.js b/src/extensions/bold.js
index 9006a03a..20cba74b 100644
--- a/src/extensions/bold.js
+++ b/src/extensions/bold.js
@@ -1,5 +1,5 @@
 import { Bold as TiptapBold } from 'tiptap-extensions';
-import CommandButton from '@/components/MenuCommands/CommandButton.vue';
+import CommandButton from '../components/MenuCommands/CommandButton.vue';
 
 export default class Bold extends TiptapBold {
   menuBtnView ({ isActive, commands }) {
diff --git a/src/extensions/bullet_list.js b/src/extensions/bullet_list.js
index 65e0f3aa..b821822b 100644
--- a/src/extensions/bullet_list.js
+++ b/src/extensions/bullet_list.js
@@ -1,5 +1,5 @@
 import { BulletList as TiptapBulletList } from 'tiptap-extensions';
-import CommandButton from '@/components/MenuCommands/CommandButton.vue';
+import CommandButton from '../components/MenuCommands/CommandButton.vue';
 
 export default class BulletList extends TiptapBulletList {
   menuBtnView ({ isActive, commands }) {
diff --git a/src/extensions/code_block.js b/src/extensions/code_block.js
index 7d304a27..79b08dae 100644
--- a/src/extensions/code_block.js
+++ b/src/extensions/code_block.js
@@ -1,5 +1,5 @@
 import { CodeBlock as TiptapCodeBlock } from 'tiptap-extensions';
-import CommandButton from '@/components/MenuCommands/CommandButton.vue';
+import CommandButton from '../components/MenuCommands/CommandButton.vue';
 
 export default class CodeBlock extends TiptapCodeBlock {
   menuBtnView ({ isActive, commands }) {
diff --git a/src/extensions/heading.js b/src/extensions/heading.js
index b09ab56c..2268db85 100644
--- a/src/extensions/heading.js
+++ b/src/extensions/heading.js
@@ -1,6 +1,6 @@
 import { Heading as TiptapHeading } from 'tiptap-extensions';
 import { findParentNodeOfType } from 'prosemirror-utils';
-import HeadingDropdown from '@/components/MenuCommands/HeadingDropdown.vue';
+import HeadingDropdown from '../components/MenuCommands/HeadingDropdown.vue';
 import { ParagraphNodeSpec, getParagraphNodeAttrs, toParagraphDOM } from './paragraph';
 
 function getAttrs (dom) {
diff --git a/src/extensions/history.js b/src/extensions/history.js
index 4bb0b1d7..14d0425e 100644
--- a/src/extensions/history.js
+++ b/src/extensions/history.js
@@ -1,5 +1,5 @@
 import { History as TiptapHistory } from 'tiptap-extensions';
-import CommandButton from '@/components/MenuCommands/CommandButton.vue';
+import CommandButton from '../components/MenuCommands/CommandButton.vue';
 
 export default class History extends TiptapHistory {
   menuBtnView ({ commands }) {
diff --git a/src/extensions/horizontal_rule.js b/src/extensions/horizontal_rule.js
index 19dc8999..edbb85df 100644
--- a/src/extensions/horizontal_rule.js
+++ b/src/extensions/horizontal_rule.js
@@ -1,5 +1,5 @@
 import { HorizontalRule as TiptapHorizontalRule } from 'tiptap-extensions';
-import CommandButton from '@/components/MenuCommands/CommandButton.vue';
+import CommandButton from '../components/MenuCommands/CommandButton.vue';
 
 export default class HorizontalRule extends TiptapHorizontalRule {
   menuBtnView ({ commands }) {
diff --git a/src/extensions/image.js b/src/extensions/image.js
index 90a2af42..95834db2 100644
--- a/src/extensions/image.js
+++ b/src/extensions/image.js
@@ -1,6 +1,6 @@
 import { Image as TiptapImage } from 'tiptap-extensions';
 import { NodeSelection } from 'prosemirror-state';
-import ImageUploadCommandButton from '@/components/MenuCommands/ImageUploadCommandButton.vue';
+import ImageUploadCommandButton from '../components/MenuCommands/ImageUploadCommandButton.vue';
 
 export default class Image extends TiptapImage {
   get schema () {
diff --git a/src/extensions/indent.js b/src/extensions/indent.js
index cdb40b88..8f250fb6 100644
--- a/src/extensions/indent.js
+++ b/src/extensions/indent.js
@@ -1,6 +1,6 @@
 import { Extension } from 'tiptap';
 import { TextSelection, AllSelection } from 'prosemirror-state';
-import CommandButton from '@/components/MenuCommands/CommandButton.vue';
+import CommandButton from '../components/MenuCommands/CommandButton.vue';
 import { clamp } from '../utils/shared';
 import { isListNode } from '../utils/list';
 
diff --git a/src/extensions/italic.js b/src/extensions/italic.js
index 75a84e09..017c7580 100644
--- a/src/extensions/italic.js
+++ b/src/extensions/italic.js
@@ -1,5 +1,5 @@
 import { Italic as TiptapItalic } from 'tiptap-extensions';
-import CommandButton from '@/components/MenuCommands/CommandButton.vue';
+import CommandButton from '../components/MenuCommands/CommandButton.vue';
 
 export default class Bold extends TiptapItalic {
   menuBtnView ({ isActive, commands }) {
diff --git a/src/extensions/line_height.js b/src/extensions/line_height.js
index bda468a6..634ace36 100644
--- a/src/extensions/line_height.js
+++ b/src/extensions/line_height.js
@@ -1,6 +1,6 @@
 import { Extension } from 'tiptap';
 import { TextSelection, AllSelection } from 'prosemirror-state';
-import LineHeightDropdown from '@/components/MenuCommands/LineHeightDropdown.vue';
+import LineHeightDropdown from '../components/MenuCommands/LineHeightDropdown.vue';
 
 const ALLOWED_NODE_TYPES = [
   'paragraph',
diff --git a/src/extensions/link.js b/src/extensions/link.js
index ea7d6eb1..d85565d5 100644
--- a/src/extensions/link.js
+++ b/src/extensions/link.js
@@ -1,5 +1,5 @@
 import { Link as TiptapLink } from 'tiptap-extensions';
-import AddLinkCommandButton from '@/components/MenuCommands/AddLinkCommandButton.vue';
+import AddLinkCommandButton from '../components/MenuCommands/AddLinkCommandButton.vue';
 
 export default class Bold extends TiptapLink {
   menuBtnView (editorContext) {
diff --git a/src/extensions/ordered_list.js b/src/extensions/ordered_list.js
index c33cbad8..f604f317 100644
--- a/src/extensions/ordered_list.js
+++ b/src/extensions/ordered_list.js
@@ -1,5 +1,5 @@
 import { OrderedList as TiptapOrderedList } from 'tiptap-extensions';
-import CommandButton from '@/components/MenuCommands/CommandButton.vue';
+import CommandButton from '../components/MenuCommands/CommandButton.vue';
 
 export default class OrderedList extends TiptapOrderedList {
   menuBtnView ({ isActive, commands }) {
diff --git a/src/extensions/strike.js b/src/extensions/strike.js
index 93c29903..05fc3ad2 100644
--- a/src/extensions/strike.js
+++ b/src/extensions/strike.js
@@ -1,5 +1,5 @@
 import { Strike as TiptapStrike } from 'tiptap-extensions';
-import CommandButton from '@/components/MenuCommands/CommandButton.vue';
+import CommandButton from '../components/MenuCommands/CommandButton.vue';
 
 export default class Strike extends TiptapStrike {
   menuBtnView ({ isActive, commands }) {
diff --git a/src/extensions/text_align.js b/src/extensions/text_align.js
index d244a3d7..619e3413 100644
--- a/src/extensions/text_align.js
+++ b/src/extensions/text_align.js
@@ -1,5 +1,5 @@
 import { Extension } from 'tiptap';
-import CommandButton from '@/components/MenuCommands/CommandButton.vue';
+import CommandButton from '../components/MenuCommands/CommandButton.vue';
 
 const ALLOWED_NODE_TYPES = [
   'paragraph',
diff --git a/src/extensions/todo_list.js b/src/extensions/todo_list.js
index bf63a605..bbb7c745 100644
--- a/src/extensions/todo_list.js
+++ b/src/extensions/todo_list.js
@@ -1,5 +1,5 @@
 import { TodoList as TiptapTodoList } from 'tiptap-extensions';
-import CommandButton from '@/components/MenuCommands/CommandButton.vue';
+import CommandButton from '../components/MenuCommands/CommandButton.vue';
 export default class TodoList extends TiptapTodoList {
   get schema () {
     return {
diff --git a/src/extensions/underline.js b/src/extensions/underline.js
index 3347b90a..f813bb16 100644
--- a/src/extensions/underline.js
+++ b/src/extensions/underline.js
@@ -1,5 +1,5 @@
 import { Underline as TiptapUnderline } from 'tiptap-extensions';
-import CommandButton from '@/components/MenuCommands/CommandButton.vue';
+import CommandButton from '../components/MenuCommands/CommandButton.vue';
 
 export default class Underline extends TiptapUnderline {
   menuBtnView ({ isActive, commands }) {