Fix the CSV output

Author: AchoArnold

web/pages/search-messages/index.vue

@@ -92,7 +92,7 @@
                   :disabled="loading"
                   color="primary"
                   class="py-5"
-                  @click="fetchMessages"
+                  @click="fetchMessages(true)"
                 >
                   <v-icon left>{{ mdiMagnify }}</v-icon>
                   Search Messages
@@ -395,7 +395,7 @@ export default Vue.extend({
           message.created_at,
         ).toLocaleString()},${message.owner},${message.contact},${
           message.type
-        },${message.status},${message.content}\n`
+        },${message.status},${this.sanitizeContent(message.content)}\n`
       })
 
       const encodedUri = encodeURI(csvContent)
@@ -415,6 +415,11 @@ export default Vue.extend({
       })
     },
 
+    sanitizeContent(content: string): string {
+      content = content.replace('"', '""')
+      return content.includes(',') ? '"' + content + '"' : content
+    },
+
     deleteMessages() {
       this.loading = true
       Promise.all(
@@ -442,11 +447,15 @@ export default Vue.extend({
         })
     },
 
-    fetchMessages() {
+    fetchMessages(reset = false) {
       this.loading = true
       this.errorMessages = new ErrorMessages()
       this.errorTitle = ''
 
+      if (reset) {
+        this.options.page = 1
+      }
+
       this.$store
         .dispatch('searchMessages', {
           owners: this.formOwners,