Turn UpdateIndicator component to Vue file

aleksis/apps/alsijil/assets/components/coursebook/CourseBook.vue

@@ -37,7 +37,7 @@
 
 <script>
 import {CHANGES, SAVED, UPDATING} from "../../UpdateStatuses.js";
-import UpdateIndicator from "./UpdateIndicator.js";
+import UpdateIndicator from "./UpdateIndicator.vue";
 import LessonDocumentations from "./LessonDocumentations.vue";
 
 export default {

aleksis/apps/alsijil/assets/components/coursebook/UpdateIndicator.js → aleksis/apps/alsijil/assets/components/coursebook/UpdateIndicator.vue

+<template>
+  <v-tooltip bottom>
+    <template v-slot:activator="{ on, attrs }">
+      <v-btn
+        absolute
+        fab
+        right
+        icon
+
+        v-bind="attrs"
+        v-on="on"
+
+        @click="() => {isAbleToClick ? $emit('manual-update') : null}"
+        :loading="status === UPDATING"
+      >
+        <v-icon
+          v-if="status !== UPDATING"
+          :color="color"
+        >
+          {{ icon }}
+        </v-icon>
+      </v-btn>
+    </template>
+    <span>{{ text }}</span>
+  </v-tooltip>
+</template>
+
+<script>
 import {CHANGES, ERROR, SAVED, UPDATING} from "../../UpdateStatuses.js";
 
 export default {
@@ -50,30 +78,5 @@ export default {
             return this.status === CHANGES || this.status === ERROR;
         }
     },
-    template: `
-    <v-tooltip bottom>
-      <template v-slot:activator="{ on, attrs }">
-        <v-btn
-          absolute
-          fab
-          right
-          icon
-
-          v-bind="attrs"
-          v-on="on"
-          
-          @click="() => {isAbleToClick ? $emit('manual-update') : null}"
-          :loading="status === UPDATING"
-        >
-          <v-icon
-            v-if="status !== UPDATING"
-            :color="color"
-          >
-            {{ icon }}
-          </v-icon>
-        </v-btn>
-      </template>
-      <span>{{ text }}</span>
-    </v-tooltip>
-    `,
-}
\ No newline at end of file
+}
+</script>