From 7b63e27168edd4701e0a02b4a92282750508e7ef Mon Sep 17 00:00:00 2001
From: Keavon Chambers <keavon@keavon.com>
Date: Thu, 15 Jul 2021 00:34:56 -0700
Subject: [PATCH] Switch all JS imports to absolute paths

---
 client/web/src/components/panels/Document.vue |  30 ++--
 .../web/src/components/panels/LayerTree.vue   |  24 +--
 .../web/src/components/widgets/ShelfItem.vue  |   2 +-
 .../src/components/widgets/WorkingColors.vue  |   6 +-
 .../components/widgets/buttons/IconButton.vue |   2 +-
 .../widgets/buttons/PopoverButton.vue         |   4 +-
 .../widgets/floating-menus/MenuList.vue       |   8 +-
 .../widgets/inputs/CheckboxInput.vue          |   2 +-
 .../widgets/inputs/DropdownInput.vue          |   6 +-
 .../widgets/inputs/MenuBarInput.vue           |  10 +-
 .../widgets/inputs/OptionalInput.vue          |   2 +-
 .../widgets/inputs/SwatchPairInput.vue        |   6 +-
 .../src/components/widgets/labels/Icon.vue    | 154 +++++++++---------
 .../widgets/labels/UserInputLabel.vue         |   2 +-
 .../web/src/components/window/MainWindow.vue  |  10 +-
 .../window/status-bar/StatusBar.vue           |   4 +-
 .../components/window/title-bar/TitleBar.vue  |  12 +-
 .../window/title-bar/WindowButtonsWindows.vue |   2 +-
 client/web/src/components/workspace/Panel.vue |  18 +-
 .../src/components/workspace/Workspace.vue    |   8 +-
 client/web/src/main.ts                        |   2 +-
 21 files changed, 157 insertions(+), 157 deletions(-)

diff --git a/client/web/src/components/panels/Document.vue b/client/web/src/components/panels/Document.vue
index 2e71f025dd..5bd5382c9e 100644
--- a/client/web/src/components/panels/Document.vue
+++ b/client/web/src/components/panels/Document.vue
@@ -193,20 +193,20 @@
 <script lang="ts">
 import { defineComponent } from "vue";
 import { makeModifiersBitfield } from "@/utilities/input";
-import { ResponseType, registerResponseHandler, Response, UpdateCanvas, SetActiveTool, ExportDocument, SetCanvasZoom, SetCanvasRotation } from "../../utilities/response-handler";
-import LayoutRow from "../layout/LayoutRow.vue";
-import LayoutCol from "../layout/LayoutCol.vue";
-import WorkingColors from "../widgets/WorkingColors.vue";
-import { MenuDirection } from "../widgets/floating-menus/FloatingMenu.vue";
-import ShelfItem from "../widgets/ShelfItem.vue";
-import Separator, { SeparatorDirection, SeparatorType } from "../widgets/Separator.vue";
-import IconButton from "../widgets/buttons/IconButton.vue";
-import PopoverButton from "../widgets/buttons/PopoverButton.vue";
-import RadioInput from "../widgets/inputs/RadioInput.vue";
-import NumberInput from "../widgets/inputs/NumberInput.vue";
-import DropdownInput from "../widgets/inputs/DropdownInput.vue";
-import OptionalInput from "../widgets/inputs/OptionalInput.vue";
-import { SectionsOfMenuListEntries } from "../widgets/floating-menus/MenuList.vue";
+import { ResponseType, registerResponseHandler, Response, UpdateCanvas, SetActiveTool, ExportDocument, SetCanvasZoom, SetCanvasRotation } from "@/utilities/response-handler";
+import LayoutRow from "@/components/layout/LayoutRow.vue";
+import LayoutCol from "@/components/layout/LayoutCol.vue";
+import WorkingColors from "@/components/widgets/WorkingColors.vue";
+import { MenuDirection } from "@/components/widgets/floating-menus/FloatingMenu.vue";
+import ShelfItem from "@/components/widgets/ShelfItem.vue";
+import Separator, { SeparatorDirection, SeparatorType } from "@/components/widgets/Separator.vue";
+import IconButton from "@/components/widgets/buttons/IconButton.vue";
+import PopoverButton from "@/components/widgets/buttons/PopoverButton.vue";
+import RadioInput from "@/components/widgets/inputs/RadioInput.vue";
+import NumberInput from "@/components/widgets/inputs/NumberInput.vue";
+import DropdownInput from "@/components/widgets/inputs/DropdownInput.vue";
+import OptionalInput from "@/components/widgets/inputs/OptionalInput.vue";
+import { SectionsOfMenuListEntries } from "@/components/widgets/floating-menus/MenuList.vue";
 
 const modeMenuEntries: SectionsOfMenuListEntries = [
 	[
@@ -216,7 +216,7 @@ const modeMenuEntries: SectionsOfMenuListEntries = [
 	],
 ];
 
-const wasm = import("../../../wasm/pkg");
+const wasm = import("@/../wasm/pkg");
 
 export default defineComponent({
 	methods: {
diff --git a/client/web/src/components/panels/LayerTree.vue b/client/web/src/components/panels/LayerTree.vue
index 75a400ba15..268bc1239b 100644
--- a/client/web/src/components/panels/LayerTree.vue
+++ b/client/web/src/components/panels/LayerTree.vue
@@ -104,19 +104,19 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import { ResponseType, registerResponseHandler, Response, ExpandFolder, LayerPanelEntry } from "../../utilities/response-handler";
-import LayoutRow from "../layout/LayoutRow.vue";
-import LayoutCol from "../layout/LayoutCol.vue";
-import Separator, { SeparatorType } from "../widgets/Separator.vue";
-import NumberInput from "../widgets/inputs/NumberInput.vue";
-import PopoverButton from "../widgets/buttons/PopoverButton.vue";
-import { MenuDirection } from "../widgets/floating-menus/FloatingMenu.vue";
-import IconButton from "../widgets/buttons/IconButton.vue";
-import Icon from "../widgets/labels/Icon.vue";
-import DropdownInput from "../widgets/inputs/DropdownInput.vue";
-import { SectionsOfMenuListEntries } from "../widgets/floating-menus/MenuList.vue";
+import { ResponseType, registerResponseHandler, Response, ExpandFolder, LayerPanelEntry } from "@/utilities/response-handler";
+import LayoutRow from "@/components/layout/LayoutRow.vue";
+import LayoutCol from "@/components/layout/LayoutCol.vue";
+import Separator, { SeparatorType } from "@/components/widgets/Separator.vue";
+import NumberInput from "@/components/widgets/inputs/NumberInput.vue";
+import PopoverButton from "@/components/widgets/buttons/PopoverButton.vue";
+import { MenuDirection } from "@/components/widgets/floating-menus/FloatingMenu.vue";
+import IconButton from "@/components/widgets/buttons/IconButton.vue";
+import Icon from "@/components/widgets/labels/Icon.vue";
+import DropdownInput from "@/components/widgets/inputs/DropdownInput.vue";
+import { SectionsOfMenuListEntries } from "@/components/widgets/floating-menus/MenuList.vue";
 
-const wasm = import("../../../wasm/pkg");
+const wasm = import("@/../wasm/pkg");
 
 const blendModeMenuEntries: SectionsOfMenuListEntries = [
 	[{ label: "Normal" }],
diff --git a/client/web/src/components/widgets/ShelfItem.vue b/client/web/src/components/widgets/ShelfItem.vue
index 2959563380..9241b17e89 100644
--- a/client/web/src/components/widgets/ShelfItem.vue
+++ b/client/web/src/components/widgets/ShelfItem.vue
@@ -31,7 +31,7 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import IconButton from "./buttons/IconButton.vue";
+import IconButton from "@/components/widgets/buttons/IconButton.vue";
 
 export default defineComponent({
 	components: { IconButton },
diff --git a/client/web/src/components/widgets/WorkingColors.vue b/client/web/src/components/widgets/WorkingColors.vue
index 025830ec08..c066daff22 100644
--- a/client/web/src/components/widgets/WorkingColors.vue
+++ b/client/web/src/components/widgets/WorkingColors.vue
@@ -18,10 +18,10 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import SwatchPairInput from "./inputs/SwatchPairInput.vue";
-import IconButton from "./buttons/IconButton.vue";
+import SwatchPairInput from "@/components/widgets/inputs/SwatchPairInput.vue";
+import IconButton from "@/components/widgets/buttons/IconButton.vue";
 
-const wasm = import("../../../wasm/pkg");
+const wasm = import("@/../wasm/pkg");
 
 export default defineComponent({
 	methods: {
diff --git a/client/web/src/components/widgets/buttons/IconButton.vue b/client/web/src/components/widgets/buttons/IconButton.vue
index 827c186be4..6047c3d799 100644
--- a/client/web/src/components/widgets/buttons/IconButton.vue
+++ b/client/web/src/components/widgets/buttons/IconButton.vue
@@ -53,7 +53,7 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import Icon from "../labels/Icon.vue";
+import Icon from "@/components/widgets/labels/Icon.vue";
 
 export default defineComponent({
 	props: {
diff --git a/client/web/src/components/widgets/buttons/PopoverButton.vue b/client/web/src/components/widgets/buttons/PopoverButton.vue
index 85b9671b14..f019f0faae 100644
--- a/client/web/src/components/widgets/buttons/PopoverButton.vue
+++ b/client/web/src/components/widgets/buttons/PopoverButton.vue
@@ -49,8 +49,8 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import IconButton from "./IconButton.vue";
-import FloatingMenu, { MenuDirection, MenuType } from "../floating-menus/FloatingMenu.vue";
+import IconButton from "@/components/widgets/buttons/IconButton.vue";
+import FloatingMenu, { MenuDirection, MenuType } from "@/components/widgets/floating-menus/FloatingMenu.vue";
 
 export enum PopoverButtonIcon {
 	"DropdownArrow" = "DropdownArrow",
diff --git a/client/web/src/components/widgets/floating-menus/MenuList.vue b/client/web/src/components/widgets/floating-menus/MenuList.vue
index 6e7ab11d5c..cd02583561 100644
--- a/client/web/src/components/widgets/floating-menus/MenuList.vue
+++ b/client/web/src/components/widgets/floating-menus/MenuList.vue
@@ -123,10 +123,10 @@
 <script lang="ts">
 import { defineComponent, PropType } from "vue";
 import { keyboardLockApiSupported } from "@/utilities/fullscreen";
-import FloatingMenu, { MenuDirection, MenuType } from "./FloatingMenu.vue";
-import Separator, { SeparatorDirection, SeparatorType } from "../Separator.vue";
-import Icon from "../labels/Icon.vue";
-import UserInputLabel from "../labels/UserInputLabel.vue";
+import FloatingMenu, { MenuDirection, MenuType } from "@/components/widgets/floating-menus/FloatingMenu.vue";
+import Separator, { SeparatorDirection, SeparatorType } from "@/components/widgets/Separator.vue";
+import Icon from "@/components/widgets/labels/Icon.vue";
+import UserInputLabel from "@/components/widgets/labels/UserInputLabel.vue";
 
 export type MenuListEntries = Array<MenuListEntry>;
 export type SectionsOfMenuListEntries = Array<MenuListEntries>;
diff --git a/client/web/src/components/widgets/inputs/CheckboxInput.vue b/client/web/src/components/widgets/inputs/CheckboxInput.vue
index dee0c6c8f2..775eab99c9 100644
--- a/client/web/src/components/widgets/inputs/CheckboxInput.vue
+++ b/client/web/src/components/widgets/inputs/CheckboxInput.vue
@@ -54,7 +54,7 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import Icon from "../labels/Icon.vue";
+import Icon from "@/components/widgets/labels/Icon.vue";
 
 export default defineComponent({
 	data() {
diff --git a/client/web/src/components/widgets/inputs/DropdownInput.vue b/client/web/src/components/widgets/inputs/DropdownInput.vue
index f897d3093a..30b74da763 100644
--- a/client/web/src/components/widgets/inputs/DropdownInput.vue
+++ b/client/web/src/components/widgets/inputs/DropdownInput.vue
@@ -76,9 +76,9 @@
 
 <script lang="ts">
 import { defineComponent, PropType } from "vue";
-import Icon from "../labels/Icon.vue";
-import MenuList, { MenuListEntry, SectionsOfMenuListEntries } from "../floating-menus/MenuList.vue";
-import { MenuDirection } from "../floating-menus/FloatingMenu.vue";
+import Icon from "@/components/widgets/labels/Icon.vue";
+import MenuList, { MenuListEntry, SectionsOfMenuListEntries } from "@/components/widgets/floating-menus/MenuList.vue";
+import { MenuDirection } from "@/components/widgets/floating-menus/FloatingMenu.vue";
 
 export default defineComponent({
 	props: {
diff --git a/client/web/src/components/widgets/inputs/MenuBarInput.vue b/client/web/src/components/widgets/inputs/MenuBarInput.vue
index 698c1a304d..e3826cc940 100644
--- a/client/web/src/components/widgets/inputs/MenuBarInput.vue
+++ b/client/web/src/components/widgets/inputs/MenuBarInput.vue
@@ -52,12 +52,12 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import Icon from "../labels/Icon.vue";
-import { ApplicationPlatform } from "../../window/MainWindow.vue";
-import MenuList, { MenuListEntry, MenuListEntries } from "../floating-menus/MenuList.vue";
-import { MenuDirection } from "../floating-menus/FloatingMenu.vue";
+import Icon from "@/components/widgets/labels/Icon.vue";
+import { ApplicationPlatform } from "@/components/window/MainWindow.vue";
+import MenuList, { MenuListEntry, MenuListEntries } from "@/components/widgets/floating-menus/MenuList.vue";
+import { MenuDirection } from "@/components/widgets/floating-menus/FloatingMenu.vue";
 
-const wasm = import("../../../../wasm/pkg");
+const wasm = import("@/../wasm/pkg");
 
 const menuEntries: MenuListEntries = [
 	{
diff --git a/client/web/src/components/widgets/inputs/OptionalInput.vue b/client/web/src/components/widgets/inputs/OptionalInput.vue
index 945b01f765..a6e8113d19 100644
--- a/client/web/src/components/widgets/inputs/OptionalInput.vue
+++ b/client/web/src/components/widgets/inputs/OptionalInput.vue
@@ -45,7 +45,7 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import CheckboxInput from "./CheckboxInput.vue";
+import CheckboxInput from "@/components/widgets/inputs/CheckboxInput.vue";
 
 export default defineComponent({
 	props: {
diff --git a/client/web/src/components/widgets/inputs/SwatchPairInput.vue b/client/web/src/components/widgets/inputs/SwatchPairInput.vue
index 5c9f8fe6b3..b777000735 100644
--- a/client/web/src/components/widgets/inputs/SwatchPairInput.vue
+++ b/client/web/src/components/widgets/inputs/SwatchPairInput.vue
@@ -68,9 +68,9 @@
 <script lang="ts">
 import { rgbToDecimalRgb } from "@/utilities/color";
 import { defineComponent } from "vue";
-import ColorPicker from "../floating-menus/ColorPicker.vue";
-import FloatingMenu, { MenuDirection, MenuType } from "../floating-menus/FloatingMenu.vue";
-import { ResponseType, registerResponseHandler, Response, UpdateWorkingColors } from "../../../utilities/response-handler";
+import ColorPicker from "@/components/widgets/floating-menus/ColorPicker.vue";
+import FloatingMenu, { MenuDirection, MenuType } from "@/components/widgets/floating-menus/FloatingMenu.vue";
+import { ResponseType, registerResponseHandler, Response, UpdateWorkingColors } from "@/utilities/response-handler";
 
 const wasm = import("@/../wasm/pkg");
 
diff --git a/client/web/src/components/widgets/labels/Icon.vue b/client/web/src/components/widgets/labels/Icon.vue
index 1c3d0c6af6..fd0c4fa60e 100644
--- a/client/web/src/components/widgets/labels/Icon.vue
+++ b/client/web/src/components/widgets/labels/Icon.vue
@@ -30,87 +30,87 @@
 <script lang="ts">
 import { defineComponent } from "vue";
 
-import SelectTool from "../../../../assets/24px-two-tone/document-tool-layout-select.svg"; // TODO: Rename
-import CropTool from "../../../../assets/24px-two-tone/document-tool-layout-crop.svg"; // TODO: Rename
-import NavigateTool from "../../../../assets/24px-two-tone/document-tool-layout-navigate.svg"; // TODO: Rename
-import EyedropperTool from "../../../../assets/24px-two-tone/document-tool-layout-eyedropper.svg"; // TODO: Rename
-import TextTool from "../../../../assets/24px-two-tone/document-tool-parametric-text.svg"; // TODO: Rename
-import FillTool from "../../../../assets/24px-two-tone/document-tool-parametric-fill.svg"; // TODO: Rename
-import GradientTool from "../../../../assets/24px-two-tone/document-tool-parametric-gradient.svg"; // TODO: Rename
-import BrushTool from "../../../../assets/24px-two-tone/document-tool-raster-brush.svg"; // TODO: Rename
-import HealTool from "../../../../assets/24px-two-tone/document-tool-raster-heal.svg"; // TODO: Rename
-import CloneTool from "../../../../assets/24px-two-tone/document-tool-raster-clone.svg"; // TODO: Rename
-import PatchTool from "../../../../assets/24px-two-tone/document-tool-raster-patch.svg"; // TODO: Rename
-import BlurSharpenTool from "../../../../assets/24px-two-tone/document-tool-raster-detail.svg"; // TODO: Rename
-import RelightTool from "../../../../assets/24px-two-tone/document-tool-raster-relight.svg"; // TODO: Rename
-import PathTool from "../../../../assets/24px-two-tone/document-tool-vector-path.svg"; // TODO: Rename
-import PenTool from "../../../../assets/24px-two-tone/document-tool-vector-pen.svg"; // TODO: Rename
-import FreehandTool from "../../../../assets/24px-two-tone/document-tool-vector-freehand.svg"; // TODO: Rename
-import SplineTool from "../../../../assets/24px-two-tone/document-tool-vector-spline.svg"; // TODO: Rename
-import LineTool from "../../../../assets/24px-two-tone/document-tool-vector-line.svg"; // TODO: Rename
-import RectangleTool from "../../../../assets/24px-two-tone/document-tool-vector-rectangle.svg"; // TODO: Rename
-import EllipseTool from "../../../../assets/24px-two-tone/document-tool-vector-ellipse.svg"; // TODO: Rename
-import ShapeTool from "../../../../assets/24px-two-tone/document-tool-vector-shape.svg"; // TODO: Rename
+import SelectTool from "@/../assets/24px-two-tone/document-tool-layout-select.svg"; // TODO: Rename
+import CropTool from "@/../assets/24px-two-tone/document-tool-layout-crop.svg"; // TODO: Rename
+import NavigateTool from "@/../assets/24px-two-tone/document-tool-layout-navigate.svg"; // TODO: Rename
+import EyedropperTool from "@/../assets/24px-two-tone/document-tool-layout-eyedropper.svg"; // TODO: Rename
+import TextTool from "@/../assets/24px-two-tone/document-tool-parametric-text.svg"; // TODO: Rename
+import FillTool from "@/../assets/24px-two-tone/document-tool-parametric-fill.svg"; // TODO: Rename
+import GradientTool from "@/../assets/24px-two-tone/document-tool-parametric-gradient.svg"; // TODO: Rename
+import BrushTool from "@/../assets/24px-two-tone/document-tool-raster-brush.svg"; // TODO: Rename
+import HealTool from "@/../assets/24px-two-tone/document-tool-raster-heal.svg"; // TODO: Rename
+import CloneTool from "@/../assets/24px-two-tone/document-tool-raster-clone.svg"; // TODO: Rename
+import PatchTool from "@/../assets/24px-two-tone/document-tool-raster-patch.svg"; // TODO: Rename
+import BlurSharpenTool from "@/../assets/24px-two-tone/document-tool-raster-detail.svg"; // TODO: Rename
+import RelightTool from "@/../assets/24px-two-tone/document-tool-raster-relight.svg"; // TODO: Rename
+import PathTool from "@/../assets/24px-two-tone/document-tool-vector-path.svg"; // TODO: Rename
+import PenTool from "@/../assets/24px-two-tone/document-tool-vector-pen.svg"; // TODO: Rename
+import FreehandTool from "@/../assets/24px-two-tone/document-tool-vector-freehand.svg"; // TODO: Rename
+import SplineTool from "@/../assets/24px-two-tone/document-tool-vector-spline.svg"; // TODO: Rename
+import LineTool from "@/../assets/24px-two-tone/document-tool-vector-line.svg"; // TODO: Rename
+import RectangleTool from "@/../assets/24px-two-tone/document-tool-vector-rectangle.svg"; // TODO: Rename
+import EllipseTool from "@/../assets/24px-two-tone/document-tool-vector-ellipse.svg"; // TODO: Rename
+import ShapeTool from "@/../assets/24px-two-tone/document-tool-vector-shape.svg"; // TODO: Rename
 
-import AlignHorizontalLeft from "../../../../assets/16px-solid/align-horizontal-left.svg";
-import AlignHorizontalCenter from "../../../../assets/16px-solid/align-horizontal-center.svg";
-import AlignHorizontalRight from "../../../../assets/16px-solid/align-horizontal-right.svg";
-import AlignVerticalTop from "../../../../assets/16px-solid/align-vertical-top.svg";
-import AlignVerticalCenter from "../../../../assets/16px-solid/align-vertical-center.svg";
-import AlignVerticalBottom from "../../../../assets/16px-solid/align-vertical-bottom.svg";
-import FlipHorizontal from "../../../../assets/16px-solid/flip-horizontal.svg";
-import FlipVertical from "../../../../assets/16px-solid/flip-vertical.svg";
-import BooleanUnion from "../../../../assets/16px-solid/boolean-union.svg";
-import BooleanSubtractFront from "../../../../assets/16px-solid/boolean-subtract-front.svg";
-import BooleanSubtractBack from "../../../../assets/16px-solid/boolean-subtract-back.svg";
-import BooleanIntersect from "../../../../assets/16px-solid/boolean-intersect.svg";
-import BooleanDifference from "../../../../assets/16px-solid/boolean-difference.svg";
-import ZoomReset from "../../../../assets/16px-solid/zoom-reset.svg";
-import ZoomIn from "../../../../assets/16px-solid/zoom-in.svg";
-import ZoomOut from "../../../../assets/16px-solid/zoom-out.svg";
-import ViewModeNormal from "../../../../assets/16px-solid/view-mode-normal.svg";
-import ViewModeOutline from "../../../../assets/16px-solid/view-mode-outline.svg";
-import ViewModePixels from "../../../../assets/16px-solid/view-mode-pixels.svg";
-import EyeVisible from "../../../../assets/16px-solid/eye-visible.svg";
-import EyeHidden from "../../../../assets/16px-solid/eye-hidden.svg";
-import GraphiteLogo from "../../../../assets/16px-solid/graphite-logo.svg";
-import File from "../../../../assets/16px-solid/file.svg";
-import Copy from "../../../../assets/16px-solid/copy.svg";
-import Paste from "../../../../assets/16px-solid/paste.svg";
-import ViewportDesignMode from "../../../../assets/16px-solid/viewport-design-mode.svg";
-import ViewportSelectMode from "../../../../assets/16px-solid/viewport-select-mode.svg";
-import ViewportGuideMode from "../../../../assets/16px-solid/viewport-guide-mode.svg";
+import AlignHorizontalLeft from "@/../assets/16px-solid/align-horizontal-left.svg";
+import AlignHorizontalCenter from "@/../assets/16px-solid/align-horizontal-center.svg";
+import AlignHorizontalRight from "@/../assets/16px-solid/align-horizontal-right.svg";
+import AlignVerticalTop from "@/../assets/16px-solid/align-vertical-top.svg";
+import AlignVerticalCenter from "@/../assets/16px-solid/align-vertical-center.svg";
+import AlignVerticalBottom from "@/../assets/16px-solid/align-vertical-bottom.svg";
+import FlipHorizontal from "@/../assets/16px-solid/flip-horizontal.svg";
+import FlipVertical from "@/../assets/16px-solid/flip-vertical.svg";
+import BooleanUnion from "@/../assets/16px-solid/boolean-union.svg";
+import BooleanSubtractFront from "@/../assets/16px-solid/boolean-subtract-front.svg";
+import BooleanSubtractBack from "@/../assets/16px-solid/boolean-subtract-back.svg";
+import BooleanIntersect from "@/../assets/16px-solid/boolean-intersect.svg";
+import BooleanDifference from "@/../assets/16px-solid/boolean-difference.svg";
+import ZoomReset from "@/../assets/16px-solid/zoom-reset.svg";
+import ZoomIn from "@/../assets/16px-solid/zoom-in.svg";
+import ZoomOut from "@/../assets/16px-solid/zoom-out.svg";
+import ViewModeNormal from "@/../assets/16px-solid/view-mode-normal.svg";
+import ViewModeOutline from "@/../assets/16px-solid/view-mode-outline.svg";
+import ViewModePixels from "@/../assets/16px-solid/view-mode-pixels.svg";
+import EyeVisible from "@/../assets/16px-solid/eye-visible.svg";
+import EyeHidden from "@/../assets/16px-solid/eye-hidden.svg";
+import GraphiteLogo from "@/../assets/16px-solid/graphite-logo.svg";
+import File from "@/../assets/16px-solid/file.svg";
+import Copy from "@/../assets/16px-solid/copy.svg";
+import Paste from "@/../assets/16px-solid/paste.svg";
+import ViewportDesignMode from "@/../assets/16px-solid/viewport-design-mode.svg";
+import ViewportSelectMode from "@/../assets/16px-solid/viewport-select-mode.svg";
+import ViewportGuideMode from "@/../assets/16px-solid/viewport-guide-mode.svg";
 
-import Checkmark from "../../../../assets/12px-solid/checkmark.svg";
-import Link from "../../../../assets/12px-solid/link.svg";
-import Grid from "../../../../assets/12px-solid/grid.svg";
-import Overlays from "../../../../assets/12px-solid/overlays.svg";
-import Snapping from "../../../../assets/12px-solid/snapping.svg";
-import Info from "../../../../assets/12px-solid/info.svg";
-import Swap from "../../../../assets/12px-solid/swap.svg";
-import ResetColors from "../../../../assets/12px-solid/reset-colors.svg";
-import DropdownArrow from "../../../../assets/12px-solid/dropdown-arrow.svg";
-import VerticalEllipsis from "../../../../assets/12px-solid/vertical-ellipsis.svg";
-import CloseX from "../../../../assets/12px-solid/close-x.svg";
-import FullscreenEnter from "../../../../assets/12px-solid/fullscreen-enter.svg";
-import FullscreenExit from "../../../../assets/12px-solid/fullscreen-exit.svg";
-import WindowButtonWinMinimize from "../../../../assets/12px-solid/window-button-win-minimize.svg";
-import WindowButtonWinMaximize from "../../../../assets/12px-solid/window-button-win-maximize.svg";
-import WindowButtonWinRestoreDown from "../../../../assets/12px-solid/window-button-win-restore-down.svg";
-import WindowButtonWinClose from "../../../../assets/12px-solid/window-button-win-close.svg";
+import Checkmark from "@/../assets/12px-solid/checkmark.svg";
+import Link from "@/../assets/12px-solid/link.svg";
+import Grid from "@/../assets/12px-solid/grid.svg";
+import Overlays from "@/../assets/12px-solid/overlays.svg";
+import Snapping from "@/../assets/12px-solid/snapping.svg";
+import Info from "@/../assets/12px-solid/info.svg";
+import Swap from "@/../assets/12px-solid/swap.svg";
+import ResetColors from "@/../assets/12px-solid/reset-colors.svg";
+import DropdownArrow from "@/../assets/12px-solid/dropdown-arrow.svg";
+import VerticalEllipsis from "@/../assets/12px-solid/vertical-ellipsis.svg";
+import CloseX from "@/../assets/12px-solid/close-x.svg";
+import FullscreenEnter from "@/../assets/12px-solid/fullscreen-enter.svg";
+import FullscreenExit from "@/../assets/12px-solid/fullscreen-exit.svg";
+import WindowButtonWinMinimize from "@/../assets/12px-solid/window-button-win-minimize.svg";
+import WindowButtonWinMaximize from "@/../assets/12px-solid/window-button-win-maximize.svg";
+import WindowButtonWinRestoreDown from "@/../assets/12px-solid/window-button-win-restore-down.svg";
+import WindowButtonWinClose from "@/../assets/12px-solid/window-button-win-close.svg";
 
-import MouseHintNone from "../../../../assets/16px-two-tone/mouse-hint-none.svg";
-import MouseHintLMB from "../../../../assets/16px-two-tone/mouse-hint-lmb.svg";
-import MouseHintRMB from "../../../../assets/16px-two-tone/mouse-hint-rmb.svg";
-import MouseHintMMB from "../../../../assets/16px-two-tone/mouse-hint-mmb.svg";
-import MouseHintScrollUp from "../../../../assets/16px-two-tone/mouse-hint-scroll-up.svg";
-import MouseHintScrollDown from "../../../../assets/16px-two-tone/mouse-hint-scroll-down.svg";
-import MouseHintDrag from "../../../../assets/16px-two-tone/mouse-hint-drag.svg";
-import MouseHintLMBDrag from "../../../../assets/16px-two-tone/mouse-hint-lmb-drag.svg";
-import MouseHintRMBDrag from "../../../../assets/16px-two-tone/mouse-hint-rmb-drag.svg";
-import MouseHintMMBDrag from "../../../../assets/16px-two-tone/mouse-hint-mmb-drag.svg";
+import MouseHintNone from "@/../assets/16px-two-tone/mouse-hint-none.svg";
+import MouseHintLMB from "@/../assets/16px-two-tone/mouse-hint-lmb.svg";
+import MouseHintRMB from "@/../assets/16px-two-tone/mouse-hint-rmb.svg";
+import MouseHintMMB from "@/../assets/16px-two-tone/mouse-hint-mmb.svg";
+import MouseHintScrollUp from "@/../assets/16px-two-tone/mouse-hint-scroll-up.svg";
+import MouseHintScrollDown from "@/../assets/16px-two-tone/mouse-hint-scroll-down.svg";
+import MouseHintDrag from "@/../assets/16px-two-tone/mouse-hint-drag.svg";
+import MouseHintLMBDrag from "@/../assets/16px-two-tone/mouse-hint-lmb-drag.svg";
+import MouseHintRMBDrag from "@/../assets/16px-two-tone/mouse-hint-rmb-drag.svg";
+import MouseHintMMBDrag from "@/../assets/16px-two-tone/mouse-hint-mmb-drag.svg";
 
-import NodeTypePath from "../../../../assets/24px-full-color/node-type-path.svg";
+import NodeTypePath from "@/../assets/24px-full-color/node-type-path.svg";
 
 const icons = {
 	SelectTool: { component: SelectTool, size: 24 },
diff --git a/client/web/src/components/widgets/labels/UserInputLabel.vue b/client/web/src/components/widgets/labels/UserInputLabel.vue
index 01a660a15f..011f51b508 100644
--- a/client/web/src/components/widgets/labels/UserInputLabel.vue
+++ b/client/web/src/components/widgets/labels/UserInputLabel.vue
@@ -90,7 +90,7 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import Icon from "./Icon.vue";
+import Icon from "@/components/widgets/labels/Icon.vue";
 
 export enum MouseInputInteraction {
 	"None" = "None",
diff --git a/client/web/src/components/window/MainWindow.vue b/client/web/src/components/window/MainWindow.vue
index 41521eaa5d..c7ba245cf7 100644
--- a/client/web/src/components/window/MainWindow.vue
+++ b/client/web/src/components/window/MainWindow.vue
@@ -36,11 +36,11 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import LayoutRow from "../layout/LayoutRow.vue";
-import LayoutCol from "../layout/LayoutCol.vue";
-import Workspace from "../workspace/Workspace.vue";
-import TitleBar from "./title-bar/TitleBar.vue";
-import StatusBar from "./status-bar/StatusBar.vue";
+import TitleBar from "@/components/window/title-bar/TitleBar.vue";
+import StatusBar from "@/components/window/status-bar/StatusBar.vue";
+import LayoutRow from "@/components/layout/LayoutRow.vue";
+import LayoutCol from "@/components/layout/LayoutCol.vue";
+import Workspace from "@/components/workspace/Workspace.vue";
 
 export enum ApplicationPlatform {
 	"Windows" = "Windows",
diff --git a/client/web/src/components/window/status-bar/StatusBar.vue b/client/web/src/components/window/status-bar/StatusBar.vue
index 4ee619983c..2221b65a43 100644
--- a/client/web/src/components/window/status-bar/StatusBar.vue
+++ b/client/web/src/components/window/status-bar/StatusBar.vue
@@ -55,8 +55,8 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import UserInputLabel from "../../widgets/labels/UserInputLabel.vue";
-import Separator, { SeparatorType } from "../../widgets/Separator.vue";
+import UserInputLabel from "@/components/widgets/labels/UserInputLabel.vue";
+import Separator, { SeparatorType } from "@/components/widgets/Separator.vue";
 
 export default defineComponent({
 	components: {
diff --git a/client/web/src/components/window/title-bar/TitleBar.vue b/client/web/src/components/window/title-bar/TitleBar.vue
index a63dc6ca64..a2f9c6c78e 100644
--- a/client/web/src/components/window/title-bar/TitleBar.vue
+++ b/client/web/src/components/window/title-bar/TitleBar.vue
@@ -33,12 +33,12 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import MenuBarInput from "../../widgets/inputs/MenuBarInput.vue";
-import WindowTitle from "./WindowTitle.vue";
-import WindowButtonsWindows from "./WindowButtonsWindows.vue";
-import WindowButtonsMac from "./WindowButtonsMac.vue";
-import WindowButtonsWeb from "./WindowButtonsWeb.vue";
-import { ApplicationPlatform } from "../MainWindow.vue";
+import WindowTitle from "@/components/window/title-bar/WindowTitle.vue";
+import WindowButtonsWindows from "@/components/window/title-bar/WindowButtonsWindows.vue";
+import WindowButtonsMac from "@/components/window/title-bar/WindowButtonsMac.vue";
+import WindowButtonsWeb from "@/components/window/title-bar/WindowButtonsWeb.vue";
+import MenuBarInput from "@/components/widgets/inputs/MenuBarInput.vue";
+import { ApplicationPlatform } from "@/components/window/MainWindow.vue";
 
 export default defineComponent({
 	props: {
diff --git a/client/web/src/components/window/title-bar/WindowButtonsWindows.vue b/client/web/src/components/window/title-bar/WindowButtonsWindows.vue
index 64546c4fd2..3a3cf023d7 100644
--- a/client/web/src/components/window/title-bar/WindowButtonsWindows.vue
+++ b/client/web/src/components/window/title-bar/WindowButtonsWindows.vue
@@ -39,7 +39,7 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import Icon from "../../widgets/labels/Icon.vue";
+import Icon from "@/components/widgets/labels/Icon.vue";
 
 export default defineComponent({
 	components: { Icon },
diff --git a/client/web/src/components/workspace/Panel.vue b/client/web/src/components/workspace/Panel.vue
index b6f3391c53..eb5ec627c0 100644
--- a/client/web/src/components/workspace/Panel.vue
+++ b/client/web/src/components/workspace/Panel.vue
@@ -143,16 +143,16 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import Document from "../panels/Document.vue";
-import Properties from "../panels/Properties.vue";
-import LayerTree from "../panels/LayerTree.vue";
-import Minimap from "../panels/Minimap.vue";
-import IconButton from "../widgets/buttons/IconButton.vue";
-import PopoverButton, { PopoverButtonIcon } from "../widgets/buttons/PopoverButton.vue";
-import { MenuDirection } from "../widgets/floating-menus/FloatingMenu.vue";
-import { ResponseType, registerResponseHandler, Response, DisplayConfirmationToCloseDocument } from "../../utilities/response-handler";
+import Document from "@/components/panels/Document.vue";
+import Properties from "@/components/panels/Properties.vue";
+import LayerTree from "@/components/panels/LayerTree.vue";
+import Minimap from "@/components/panels/Minimap.vue";
+import IconButton from "@/components/widgets/buttons/IconButton.vue";
+import PopoverButton, { PopoverButtonIcon } from "@/components/widgets/buttons/PopoverButton.vue";
+import { MenuDirection } from "@/components/widgets/floating-menus/FloatingMenu.vue";
+import { ResponseType, registerResponseHandler, Response, DisplayConfirmationToCloseDocument } from "@/utilities/response-handler";
 
-const wasm = import("../../../wasm/pkg");
+const wasm = import("@/../wasm/pkg");
 
 export default defineComponent({
 	components: {
diff --git a/client/web/src/components/workspace/Workspace.vue b/client/web/src/components/workspace/Workspace.vue
index 97f04e7163..fefca2ca29 100644
--- a/client/web/src/components/workspace/Workspace.vue
+++ b/client/web/src/components/workspace/Workspace.vue
@@ -46,10 +46,10 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import { ResponseType, registerResponseHandler, Response, SetActiveDocument, UpdateOpenDocumentsList } from "../../utilities/response-handler";
-import LayoutRow from "../layout/LayoutRow.vue";
-import LayoutCol from "../layout/LayoutCol.vue";
-import Panel from "./Panel.vue";
+import Panel from "@/components/workspace/Panel.vue";
+import { ResponseType, registerResponseHandler, Response, SetActiveDocument, UpdateOpenDocumentsList } from "@/utilities/response-handler";
+import LayoutRow from "@/components/layout/LayoutRow.vue";
+import LayoutCol from "@/components/layout/LayoutCol.vue";
 
 const wasm = import("@/../wasm/pkg");
 
diff --git a/client/web/src/main.ts b/client/web/src/main.ts
index 4b83aaef72..760ea29bf7 100644
--- a/client/web/src/main.ts
+++ b/client/web/src/main.ts
@@ -1,7 +1,7 @@
 import { createApp } from "vue";
 import { fullscreenModeChanged } from "@/utilities/fullscreen";
 import { handleKeyUp, handleKeyDown } from "@/utilities/input";
-import App from "./App.vue";
+import App from "@/App.vue";
 
 // Bind global browser events
 document.addEventListener("contextmenu", (e) => e.preventDefault());