PrinterImg

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "htmlWhitespaceSensitivity": "ignore"
+}

web/src/components/PrinterImg.vue

@@ -0,0 +1,12 @@
+<template>
+  <v-img height="300" :src="`/img/${model}.png`" />
+</template>
+
+<script lang="ts" setup>
+defineProps({
+  model: {
+    type: String,
+    required: true,
+  },
+});
+</script>

web/src/layouts/default/View.vue

@@ -15,11 +15,11 @@
 
       <v-spacer />
 
-      <v-chip variant="flat" color="primary">
+      <v-chip color="primary">
         <v-avatar v-if="me?.thumbnailPhoto" :image="me?.thumbnailPhoto" start />
         {{ me?.displayName }}
       </v-chip>
-      <v-btn class="ml-2" variant="text" @click="logout" icon size="small">
+      <v-btn class="mx-2" @click="logout" icon size="small">
         <v-icon icon="mdi-logout"></v-icon>
       </v-btn>
     </v-app-bar>

web/src/views/Home.vue

@@ -1,7 +1,10 @@
 <template>
   <div>
     <h1>Home</h1>
+    <printer-img model="ECOSYS P6235cdn" />
   </div>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import PrinterImg from "@/components/PrinterImg.vue";
+</script>