diff --git a/src/components/ClickableCard.vue b/src/components/ClickableCard.vue
deleted file mode 100644
index f650902e..00000000
--- a/src/components/ClickableCard.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-  <div class="card" @click="$emit('click')">
-    <div class="card-body">
-      <h5 class="card-title">{{ title }}</h5>
-      <p class="card-text">
-        {{ description }}
-      </p>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  props: ['title', 'description']
-}
-</script>
-<style scoped>
-.card {
-  cursor: pointer;
-}
-</style>
diff --git a/src/components/DatabaseSelector.vue b/src/components/DatabaseSelector.vue
deleted file mode 100644
index 0415bf84..00000000
--- a/src/components/DatabaseSelector.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-  <form-layout
-    :fields="[docfield]"
-    :doc="doc"
-  />
-</template>
-<script>
-import frappe from 'frappejs';
-// import SQLite from 'frappejs/backends/sqlite';
-import FormLayout from 'frappejs/ui/components/Form/FormLayout';
-import Observable from 'frappejs/utils/observable';
-
-export default {
-  name: 'DatabaseSelector',
-  components: {
-    FormLayout
-  },
-  data() {
-    return {
-      docfield: {
-        fieldtype: 'File',
-        label: 'Select File',
-        fieldname: 'file',
-        filetypes: ['.db']
-      },
-      value: null,
-      invalid: false
-    }
-  },
-  created() {
-    this.doc = new Observable();
-  },
-  methods: {
-    handleChange(fileList) {
-      const value = fileList[0].name;
-      this.value = value;
-    },
-    async changeDatabase() {
-      if (frappe.db) {
-        frappe.db.close();
-      }
-
-      const dbPath = this.value;
-      frappe.db = new SQLite({ dbPath });
-      await frappe.db.connect();
-      await frappe.db.migrate();
-    }
-  }
-}
-</script>
diff --git a/src/pages/Email/EmailSend.vue b/src/pages/Email/EmailSend.vue
deleted file mode 100644
index bb70a7e8..00000000
--- a/src/pages/Email/EmailSend.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<template>
-  <div class="frappe-form">
-    <form-actions v-if="shouldRenderForm" :doc="doc" @send="send"/>
-    <div class="p-3">
-      <form-layout
-        v-if="shouldRenderForm"
-        :doc="doc"
-        :fields="meta.fields"
-        :layout="meta.layout"
-        :invalid="invalid"
-      />
-    </div>
-    <not-found v-if="notFound"/>
-  </div>
-</template>
-<script>
-import frappe from 'frappejs';
-import Form from 'frappejs/ui/components/Form/Form';
-import FormActions from './EmailSendActions';
-
-export default {
-  name: 'Form',
-  extends: Form,
-  components: {
-    FormActions
-  },
-  methods: {
-    async send() {
-      this.doc = await frappe.getDoc(this.doctype, this.name);
-      var response = await frappe.call({
-        method: 'send-mail',
-        args: this.doc.getValidDict()
-      });
-      if (response) {
-        let emailFields = frappe.getMeta('Email').fields;
-        // this.doc['name'] = this.name;
-        this.save();
-      } else {
-        // Raise Error
-        console.log('Email Not Found');
-      }
-    }
-  }
-};
-</script>
-<style>
-</style>
\ No newline at end of file
diff --git a/src/pages/Email/EmailSendActions.vue b/src/pages/Email/EmailSendActions.vue
deleted file mode 100644
index 0a9f3ae0..00000000
--- a/src/pages/Email/EmailSendActions.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-  <div
-    class="frappe-form-actions d-flex justify-content-between align-items-center p-3 border-bottom"
-  >
-    <h5 class="m-0">Compose Email</h5>
-    <h5 class="m-0"></h5>
-    <f-button primary v-if="isDirty" @click="$emit('send')">Send</f-button>
-  </div>
-</template>
-<script>
-import frappe from 'frappejs';
-export default {
-  props: ['doc'],
-  data() {
-    return {
-      isDirty: false
-    };
-  },
-  created() {
-    this.doc.on('change', () => {
-      this.isDirty = this.doc._dirty;
-    });
-  }
-};
-</script>
\ No newline at end of file
diff --git a/src/pages/FormView/FormView.vue b/src/pages/FormView/FormView.vue
deleted file mode 100644
index 8952289c..00000000
--- a/src/pages/FormView/FormView.vue
+++ /dev/null
@@ -1,204 +0,0 @@
-<template>
-  <div class="bg-white">
-    <page-header :breadcrumbs="breadcrumbs" />
-    <div class="form-container col-9 col-lg-8 col-xl-7 mx-2 mt-4">
-      <form-actions
-        v-if="shouldRenderForm"
-        :doc="doc"
-        @save="save"
-        @submit="submit"
-        @revert="revert"
-        @print="print"
-        :links="links"
-      />
-      <hr class="mb-3" />
-      <form-layout
-        v-if="shouldRenderForm"
-        :doc="doc"
-        :fields="meta.fields"
-        :layout="meta.layout"
-        :invalid="isFormInvalid"
-      />
-    </div>
-  </div>
-</template>
-<script>
-import frappe from 'frappejs';
-import FormActions from 'frappejs/ui/components/Form/FormActions';
-import FormLayout from 'frappejs/ui/components/Form/FormLayout';
-import PageHeader from '@/components/PageHeader';
-
-export default {
-  name: 'FormView',
-  props: ['doctype', 'name'],
-  components: {
-    PageHeader,
-    FormActions,
-    FormLayout
-  },
-  watch: {
-    name(newValue, oldValue) {
-      if (newValue !== oldValue) {
-        this.loadDoc();
-      }
-    }
-  },
-  data() {
-    return {
-      doc: null,
-      links: [],
-      isFormInvalid: false,
-      notFound: false
-    };
-  },
-  computed: {
-    breadcrumbs() {
-      if (this.doc)
-        return [
-          {
-            title: this.getFormTitle(),
-            route: '#/list/' + this.getListTitle()
-          }
-        ];
-    },
-    shouldRenderForm() {
-      return this.name && this.doc;
-    },
-    meta() {
-      return frappe.getMeta(this.doctype);
-    }
-  },
-  created() {
-    if (!this.defaults) {
-      this.defaults = {};
-    }
-    this.meta.fields.map(field => {
-      if (field.defaultValue)
-        this.defaults[field.fieldname] = field.defaultValue;
-    });
-    this.loadDoc();
-  },
-  methods: {
-    async loadDoc() {
-      if (!this.name) return;
-      try {
-        // need to de-reference to let vue know that doc is changed
-        this.doc = null;
-        this.doc = await frappe.getDoc(this.doctype, this.name);
-
-        if (
-          this.doc._notInserted &&
-          this.meta.fields.map(df => df.fieldname).includes('name')
-        ) {
-          // For a user editable name field,
-          // it should be unset since it is autogenerated
-          this.doc.set('name', '');
-        }
-
-        if (this.doc._notInserted && this.defaults) {
-          for (let fieldname in this.defaults) {
-            const value = this.defaults[fieldname];
-            await this.doc.set(fieldname, value);
-          }
-        }
-
-        this.setLinks();
-        this.doc.on('change', this.setLinks);
-      } catch (e) {
-        console.log(e);
-        this.notFound = true;
-        this.$router.push({
-          path: `/`
-        });
-      }
-    },
-    getFormTitle() {
-      try {
-        // For different list/form based on same doctype
-        // Since they will have different title
-        return (
-          this.meta.getFormTitle(this.doc) || this.meta.label || this.doctype
-        );
-      } catch (e) {
-        return this.meta.label || this.doctype;
-      }
-    },
-    getListTitle() {
-      try {
-        // For different list/form based on same doctype
-        // Since they will have different route to their list
-        return this.meta.getListTitle(this.doc);
-      } catch (e) {
-        return this.doctype;
-      }
-    },
-    async save() {
-      this.setValidity();
-      if (this.isFormInvalid) return;
-
-      try {
-        if (this.doc.isNew()) {
-          await this.doc.insert();
-        } else {
-          await this.doc.update();
-        }
-        this.$emit('save', this.doc);
-      } catch (e) {
-        console.error(e);
-        throw e;
-      }
-    },
-
-    async submit() {
-      await this.doc.set('submitted', 1);
-      try {
-        await this.save();
-      } catch (e) {
-        await this.doc.set('submitted', 0);
-        await this.doc.set('_dirty', false);
-      }
-    },
-
-    async revert() {
-      this.doc.set('submitted', 0);
-      try {
-        await this.save();
-      } catch (e) {
-        await this.doc.set('submitted', 1);
-        await this.doc.set('_dirty', false);
-      }
-    },
-
-    print() {
-      this.$router.push(`/print/${this.doctype}/${this.name}`);
-    },
-
-    setLinks() {
-      if (this.meta.links) {
-        let links = [];
-        for (let link of this.meta.links) {
-          if (link.condition(this)) {
-            link.handler = () => {
-              link.action(this);
-            };
-            links.push(link);
-          }
-        }
-        this.links = links;
-      }
-    },
-
-    setValidity() {
-      const form = this.$el.querySelector('form');
-      let validity = form.checkValidity();
-      this.isFormInvalid = !validity;
-    }
-  }
-};
-</script>
-<style>
-.table th,
-.table td {
-  vertical-align: middle;
-}
-</style>
diff --git a/src/pages/ListView/ListFilters.vue b/src/pages/ListView/ListFilters.vue
deleted file mode 100644
index 5bc1e2d5..00000000
--- a/src/pages/ListView/ListFilters.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-  <div :key="usedToReRender">
-    <div
-      class="mr-2 d-flex"
-      v-for="filter in Object.keys(currentFilters)"
-      :key="filter"
-      style="user-select: none; "
-    >
-      <span
-        class="p-0 pl-2 py-1 badge badge-light border lead d-flex align-items-center font-weight-normal"
-      >
-        {{ filter }} = "{{ currentFilters[filter] }}"
-        <feather-icon class="mb-1 mx-2" name="x" @click.native="removeFilter(filter)" />
-      </span>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'ListFilters',
-  props: ['filters'],
-  data() {
-    return {
-      currentFilters: this.filters,
-      usedToReRender: 0
-    };
-  },
-  computed: {
-    filterValues() {
-      return this.currentFilters;
-    }
-  },
-  methods: {
-    removeFilter(filter) {
-      delete this.currentFilters[filter];
-      this.usedToReRender += 1;
-    }
-  }
-};
-</script>
-
-<style scoped>
-</style>
diff --git a/src/pages/ListView/ListToolbar.vue b/src/pages/ListView/ListToolbar.vue
deleted file mode 100644
index 63f57b76..00000000
--- a/src/pages/ListView/ListToolbar.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <div class="d-flex mt-2">
-    <div style="flex: 1;">
-      <list-filters :filters="filters"></list-filters>
-    </div>
-    <div class="d-flex flex-column-reverse" style="padding-bottom: 1rem;">
-      <f-button primary @click="$emit('newClick')">{{ _('New {0}', title) }}</f-button>
-    </div>
-  </div>
-</template>
-<script>
-import ListFilters from './ListFilters';
-
-export default {
-  name: 'ListToolbar',
-  props: ['title', 'filters'],
-  components: {
-    ListFilters
-  }
-};
-</script>
-
-
diff --git a/src/pages/Report/index.vue b/src/pages/Report/index.vue
deleted file mode 100644
index 29f8b501..00000000
--- a/src/pages/Report/index.vue
+++ /dev/null
@@ -1,156 +0,0 @@
-<template>
-  <div class="report-view" style="height: 100%">
-    <div style="height: 100%">
-      <div class="pb-4 d-flex">
-        <page-header :breadcrumbs="breadcrumbs" style="flex-grow: 1;" />
-        <report-links class="d-flex flex-row-reverse" v-if="linksExists" :links="links"></report-links>
-      </div>
-      <div class="pl-1">
-        <report-filters
-          class="col-12"
-          v-if="shouldRenderFields"
-          :filterFields="reportConfig.filterFields"
-          :filterDoc="filterDoc"
-          :filterDefaults="filters"
-          @change="getReportData"
-          :key="usedToReRender"
-        ></report-filters>
-      </div>
-      <div class="pt-2 px-4" style="height: 100%" ref="datatable" v-once></div>
-    </div>
-    <not-found v-if="!reportConfig" />
-  </div>
-</template>
-<script>
-import DataTable from 'frappe-datatable';
-import frappe from 'frappejs';
-import ReportFilters from 'frappejs/ui/pages/Report/ReportFilters';
-import ReportLinks from 'frappejs/ui/pages/Report/ReportLinks';
-import PageHeader from '@/components/PageHeader';
-import utils from 'frappejs/client/ui/utils';
-
-export default {
-  name: 'Report',
-  props: ['reportName', 'reportConfig', 'filters'],
-  data() {
-    return {
-      currentFilters: this.filters,
-      usedToReRender: 0,
-      filterDoc: undefined,
-      links: []
-    };
-  },
-  computed: {
-    breadcrumbs() {
-      return [
-        {
-          title: 'Reports',
-          route: ''
-        },
-        {
-          title: this.reportConfig.title,
-          route: ''
-        }
-      ];
-    },
-    shouldRenderFields() {
-      return (this.reportConfig.filterFields || []).length && this.filterDoc;
-    },
-    linksExists() {
-      return (this.reportConfig.linkFields || []).length;
-    }
-  },
-  async created() {
-    this.setLinks();
-    this.filterDoc = await frappe.newCustomDoc(this.reportConfig.filterFields);
-  },
-  methods: {
-    async getReportData(filters) {
-      this.currentFilters = filters;
-      let data = await frappe.call({
-        method: this.reportConfig.method,
-        args: filters
-      });
-
-      let rows, columns;
-      if (data.rows) {
-        rows = data.rows;
-      } else {
-        rows = data;
-      }
-
-      if (data.columns) {
-        columns = this.getColumns(data);
-      }
-
-      if (!rows) {
-        rows = [];
-      }
-
-      if (!columns) {
-        columns = this.getColumns();
-      }
-
-      for (let column of columns) {
-        column.editable = false;
-      }
-
-      if (this.datatable) {
-        if (rows.length) {
-          this.datatable.refresh(rows, columns);
-        } else {
-          // remove all rows form datatable
-          this.datatable.wrapper.innerHTML = '';
-          this.datatable = undefined;
-        }
-      } else {
-        if (rows.length) {
-          this.datatable = new DataTable(this.$refs.datatable, {
-            columns: columns,
-            data: rows,
-            treeView: this.reportConfig.treeView || false,
-            cellHeight: 35
-          });
-        }
-      }
-      this.setLinks();
-      return [rows, columns];
-    },
-    setLinks() {
-      if (this.linksExists) {
-        let links = [];
-        for (let link of this.reportConfig.linkFields) {
-          if (!link.condition || (link.condition && link.condition(this)))
-            links.push({
-              label: link.label,
-              handler: () => {
-                link.action(this);
-              }
-            });
-        }
-        this.links = links;
-      }
-    },
-    getColumns(data) {
-      const columns = this.reportConfig.getColumns(data);
-      return utils.convertFieldsToDatatableColumns(columns);
-    }
-  },
-  components: {
-    ReportFilters,
-    ReportLinks,
-    PageHeader
-  }
-};
-</script>
-<style>
-.datatable {
-  font-size: 12px;
-}
-.dt-scrollable {
-  height: 77vh;
-}
-.report-view {
-  overflow: hidden;
-}
-</style>
diff --git a/src/pages/ReportList.vue b/src/pages/ReportList.vue
deleted file mode 100644
index 14e9ef81..00000000
--- a/src/pages/ReportList.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-  <div>
-    <page-header title="Reports" />
-    <div class="row">
-      <div class="col-8 mx-auto">
-        <clickable-card
-          class="mt-2"
-          title="General Ledger"
-          description="List of all ledger entries booked against all accounts"
-          @click="routeTo('general-ledger', { 'referenceType': 'SalesInvoice' })"
-        />
-        <clickable-card
-          class="mt-2"
-          title="Profit and Loss"
-          description="Profit and Loss statement"
-          @click="routeTo('profit-and-loss')"
-        />
-        <clickable-card
-          class="mt-2"
-          title="Trial Balance"
-          description="Trial Balance"
-          @click="routeTo('trial-balance')"
-        />
-        <clickable-card
-          class="mt-2"
-          title="Sales Register"
-          description="Sales transactions for a given period with invoiced amount and tax details"
-          @click="routeTo('sales-register')"
-        />
-        <clickable-card
-          class="mt-2"
-          title="Bank Reconciliation"
-          description="Bank Reconciliation statement"
-          @click="routeTo('bank-reconciliation',{'toDate' : (new Date()).toISOString()})"
-        />
-        <clickable-card
-          v-if="country === 'India'"
-          class="mt-2"
-          title="Goods and Service Tax"
-          description="See your goods and services tax here."
-          @click="routeTo('gst-taxes',{'toDate' : (new Date()).toISOString()})"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import frappe from 'frappejs';
-import PageHeader from '../components/PageHeader';
-import ClickableCard from '../components/ClickableCard';
-
-export default {
-  name: 'Report',
-  data() {
-    return {
-      country: ''
-    };
-  },
-  components: {
-    PageHeader,
-    ClickableCard
-  },
-  async created() {
-    const doc = await frappe.getDoc('AccountingSettings');
-    this.country = doc.country;
-  },
-  methods: {
-    routeTo(route, filters) {
-      const query = new URLSearchParams(filters);
-      this.$router.push(`/report/${route}?${query}`);
-    }
-  }
-};
-</script>