implemented image preview in mobile and desktop

src/components/messages/MessageOutgoingImage.vue

@@ -7,8 +7,15 @@
         :src="src"
         :cover="cover"
         :contain="contain"
+        @click.stop="dialog = true"
       />
     </div>
+    <v-dialog
+      v-model="dialog"
+      :width="$vuetify.breakpoint.smAndUp ? '940px' : '90%'"
+    >
+      <v-img :src="src"/>
+    </v-dialog>
   </message-outgoing>
 </template>
 
@@ -24,6 +31,7 @@ export default {
       src: null,
       cover: true,
       contain: false,
+      dialog: false
     };
   },
   mounted() {