Apply prettier

server/src/OctoPrintConnection.ts

@@ -43,11 +43,11 @@ export default class OctoprintConnection {
       this.webcamStream = make_mp4frag(this.slug, webcamURL, settings.webcam);
     }
     this.settingsMessage = {
-      kind: "settings",
+      kind: 'settings',
       printer: this.slug,
       name: settings.appearance.name,
       color: settings.appearance.color,
-    }
+    };
     this.broadcast(this.settingsMessage);
 
     // do passive login to get a session key from the API key
@@ -74,7 +74,7 @@ export default class OctoprintConnection {
         const event: octoprint.Message = JSON.parse(data as string);
 
         let ext_event: StatusMessage = {
-          kind: "status",
+          kind: 'status',
           printer: this.slug,
           msg: event,
         };

server/src/mp4frag.d.ts

@@ -1,5 +1,5 @@
-declare module "mp4frag" {
-  import { Transform } from "stream";
+declare module 'mp4frag' {
+  import { Transform } from 'stream';
 
   namespace Mp4Frag {
     interface SegmentObject {

src/App.vue

@@ -11,12 +11,7 @@
     </div>
     <div
       v-else
-      class="
-        row row-cols-1 row-cols-md-2 row-cols-xxl-3
-        m-1 m-md-3
-        g-4
-        justify-content-center
-      "
+      class="row row-cols-1 row-cols-md-2 row-cols-xxl-3 m-1 m-md-3 g-4 justify-content-center"
     >
       <div class="col" v-for="(printer, slug) in printers" :key="slug">
         <PrinterCard :slug="slug as string" v-bind="printer" :now="now">

src/index.ts

@@ -1,7 +1,7 @@
 import * as Vue from 'vue';
 
-import "bootstrap/dist/css/bootstrap.min.css";
-import "bootstrap";
+import 'bootstrap/dist/css/bootstrap.min.css';
+import 'bootstrap';
 
 import App from './App.vue';