From 7bde1e243a66ea621313499148a458dde5104395 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sybren=20A=2E=20St=C3=BCvel?= <sybren@blender.org>
Date: Tue, 19 Apr 2022 12:47:52 +0200
Subject: [PATCH] Web: import from package-relative path

Use `@/path/to/file` instead of `./path/to/file`, as the former will be
valid even when used in a subdirectory (i.e. in cases where the latter
would have to change to `../path/to/file`). This makes imports uniform
and easier to copy-paste into other files.

No functional changes.
---
 web/app/src/App.vue                       | 15 ++++++++-------
 web/app/src/components/JobDetails.vue     |  4 ++--
 web/app/src/components/JobsTable.vue      |  4 ++--
 web/app/src/components/UpdateListener.vue |  2 +-
 web/app/src/main.js                       |  4 ++--
 5 files changed, 15 insertions(+), 14 deletions(-)

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.