diff --git a/web/app/src/App.vue b/web/app/src/App.vue
index 331050ee..d4172c2f 100644
--- a/web/app/src/App.vue
+++ b/web/app/src/App.vue
@@ -20,13 +20,14 @@
 </template>
 
 <script>
-import * as urls from './urls'
-import * as API from './manager-api';
-import ApiSpinner from './components/ApiSpinner.vue'
-import JobsTable from './components/JobsTable.vue'
-import JobDetails from './components/JobDetails.vue'
-import TaskDetails from './components/TaskDetails.vue'
-import UpdateListener from './components/UpdateListener.vue'
+import * as urls from '@/urls'
+import * as API from '@/manager-api';
+
+import ApiSpinner from '@/components/ApiSpinner.vue'
+import JobsTable from '@/components/JobsTable.vue'
+import JobDetails from '@/components/JobDetails.vue'
+import TaskDetails from '@/components/TaskDetails.vue'
+import UpdateListener from '@/components/UpdateListener.vue'
 
 const DEFAULT_FLAMENCO_NAME = "Flamenco";
 const DEFAULT_FLAMENCO_VERSION = "unknown";
diff --git a/web/app/src/components/JobDetails.vue b/web/app/src/components/JobDetails.vue
index 2ad15355..4b1457d5 100644
--- a/web/app/src/components/JobDetails.vue
+++ b/web/app/src/components/JobDetails.vue
@@ -58,8 +58,8 @@
 </template>
 
 <script lang="js">
-import * as datetime from "../datetime";
-import * as API from "../manager-api";
+import * as datetime from "@/datetime";
+import * as API from '@/manager-api';
 
 function objectEmpty(o) {
   if (!o) return true;
diff --git a/web/app/src/components/JobsTable.vue b/web/app/src/components/JobsTable.vue
index e1ba8a4a..6c093875 100644
--- a/web/app/src/components/JobsTable.vue
+++ b/web/app/src/components/JobsTable.vue
@@ -4,8 +4,8 @@
 
 <script lang="js">
 import { TabulatorFull as Tabulator } from 'tabulator-tables';
-import * as datetime from "../datetime";
-import * as API from '../manager-api'
+import * as datetime from "@/datetime";
+import * as API from '@/manager-api'
 
 export default {
   emits: ["selectedJobChange"],
diff --git a/web/app/src/components/UpdateListener.vue b/web/app/src/components/UpdateListener.vue
index d6744eea..4291a9a2 100644
--- a/web/app/src/components/UpdateListener.vue
+++ b/web/app/src/components/UpdateListener.vue
@@ -4,7 +4,7 @@
 
 <script>
 import io from "socket.io-client";
-import * as API from "../manager-api"
+import * as API from "@/manager-api"
 
 export default {
   emits: [
diff --git a/web/app/src/main.js b/web/app/src/main.js
index 96543870..c4fbd7ad 100644
--- a/web/app/src/main.js
+++ b/web/app/src/main.js
@@ -1,7 +1,7 @@
 import { createApp } from 'vue'
 
-import App from './App.vue'
-import router from './router'
+import App from '@/App.vue'
+import router from '@/router'
 
 // Ensure Tabulator can find `luxon`, which it needs for sorting by
 // date/time/datetime.