UI patches (#905)

- Show 0 clients when NT server props are undefined
- Add Prettier 

---------

Co-authored-by: Matthew Morley <matthew.morley.ca@gmail.com>

photon-client/src/components/common/cv-select.vue

@@ -3,37 +3,40 @@ import { computed } from "vue";
 import TooltippedLabel from "@/components/common/cv-tooltipped-label.vue";
 
 interface SelectItem {
-  name: string | number,
-  value: string | number,
-  disabled?: boolean
+  name: string | number;
+  value: string | number;
+  disabled?: boolean;
 }
 
-const props = withDefaults(defineProps<{
-  label?: string,
-  tooltip?: string,
-  selectCols?: number,
-  // TODO fully update v-model usage in custom components on Vue3 update
-  value: number,
-  disabled?: boolean,
-  items: string[] | number[] | SelectItem[]
-}>(), {
-  selectCols: 9,
-  disabled: false
-});
+const props = withDefaults(
+  defineProps<{
+    label?: string;
+    tooltip?: string;
+    selectCols?: number;
+    // TODO fully update v-model usage in custom components on Vue3 update
+    value: number;
+    disabled?: boolean;
+    items: string[] | number[] | SelectItem[];
+  }>(),
+  {
+    selectCols: 9,
+    disabled: false
+  }
+);
 
 const emit = defineEmits<{
-  (e: "input", value: number): void
+  (e: "input", value: number): void;
 }>();
 
 const localValue = computed({
   get: () => props.value,
-  set: v => emit("input", v)
+  set: (v) => emit("input", v)
 });
 
 // Computed in case items changes
 const items = computed<SelectItem[]>(() => {
   // Check if the prop exists on the object to infer object type
-  if((props.items[0] as SelectItem).name) {
+  if ((props.items[0] as SelectItem).name) {
     return props.items as SelectItem[];
   }
   return props.items.map((v, i) => ({ name: v, value: i }));
@@ -42,15 +45,9 @@ const items = computed<SelectItem[]>(() => {
 
 <template>
   <div>
-    <v-row
-      dense
-      align="center"
-    >
+    <v-row dense align="center">
       <v-col :cols="12 - selectCols">
-        <tooltipped-label
-          :tooltip="tooltip"
-          :label="label"
-        />
+        <tooltipped-label :tooltip="tooltip" :label="label" />
       </v-col>
       <v-col :cols="selectCols">
         <v-select