Bare app - remove everything except styling, db.json, and packages

src/components/MailView.vue

@@ -1,57 +0,0 @@
-<template>
-  <div class="email-display" v-if="email">
-    <div class="toolbar">
-      <button @click="toggleArchive">{{email.archived ? 'Move to Inbox (e)' : 'Archive (e)'}}</button>
-      <button @click="goNewer">Newer (k)</button>
-      <button @click="goOlder">Older (j)</button>
-      <button @click="toggleRead()">Mark {{email.read ? 'Unread' : 'Read'}}</button>
-    </div>
-
-    <h2 class="mb-0">Subject: <strong>{{email.subject}}</strong></h2>
-    <div><em>From {{email.from}} on {{format(new Date(email.sentAt), 'MMM do yyyy')}}</em></div>
-    <div v-html="marked(email.body)" />
-  </div>
-</template>
-
-<script>
-  import marked from 'marked';
-  import { useKeydown } from '../composition/useKeydown';
-  import { format } from 'date-fns';
-
-  export default {
-    setup({}, {emit}) {
-      let goNewer = () => emit('changeEmail', {amount: -1})
-      let goOlder = () => emit('changeEmail', {amount: 1})
-      let goNewerAndArchive = () => emit('changeEmail', {amount: -1, toggleArchive: true})
-      let goOlderAndArchive = () => emit('changeEmail', {amount: 1, toggleArchive: true})
-      let toggleArchive = () => emit('changeEmail', {toggleArchive: true, closeModal: true})
-      let toggleRead = () => { emit('changeEmail', {toggleRead: true}) }
-
-      useKeydown([
-        {key: 'k', fn: goNewer}, 
-        {key: 'j', fn: goOlder},
-        {key: '[', fn: goNewerAndArchive},
-        {key: ']', fn: goOlderAndArchive},
-        {key: 'e', fn: toggleArchive}
-      ])
-
-      return {
-        toggleArchive,
-        goNewer,
-        goOlder,
-        toggleRead,
-        format,
-        marked,
-      }
-    },
-    props: {
-      email: {
-        type: Object
-      },
-    }
-  }
-</script>
-
-<style scoped>
-
-</style>