diff --git a/package-lock.json b/package-lock.json
index dc2ae33..1020da7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,6 @@
       "version": "0.0.1",
       "license": "ISC",
       "dependencies": {
-        "element-plus": "*",
         "vue": "^3.0.11",
         "vue-router": "^4.0.6"
       },
@@ -190,15 +189,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/@popperjs/core": {
-      "version": "2.9.2",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.2.tgz",
-      "integrity": "sha512-VZMYa7+fXHdwIq1TDhSXoVmSPEGM/aa+6Aiq3nVVJ9bXr24zScr+NlKFKC3iPljA7ho/GAZr+d2jOf5GIRC30Q==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/popperjs"
-      }
-    },
     "node_modules/@types/eslint": {
       "version": "7.2.8",
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-7.2.8.tgz",
@@ -243,11 +233,6 @@
       "integrity": "sha1-7ihweulOEdK4J7y+UnC86n8+ce4=",
       "dev": true
     },
-    "node_modules/@types/lodash": {
-      "version": "4.14.168",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.168.tgz",
-      "integrity": "sha512-oVfRvqHV/V6D1yifJbVRU3TMp8OT6o6BG+U9MkwuJ3U8/CsDHvalRpsxBqivn71ztOFZBTfJMvETbqHiaNSj7Q=="
-    },
     "node_modules/@types/node": {
       "version": "14.14.37",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-14.14.37.tgz",
@@ -692,11 +677,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/async-validator": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-3.5.1.tgz",
-      "integrity": "sha512-DDmKA7sdSAJtTVeNZHrnr2yojfFaoeW8MfQN8CeuXg8DDQHTqKk9Fdv38dSvnesHoO8MUwMI2HphOeSyIF+wmQ=="
-    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -1015,11 +995,6 @@
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.16.tgz",
       "integrity": "sha512-61FBWoDHp/gRtsoDkq/B1nWrCUG/ok1E3tUrcNbZjsE9Cxd9yzUirjS3+nAATB8U4cTtaQmAHbNndoFz5L6C9Q=="
     },
-    "node_modules/dayjs": {
-      "version": "1.10.4",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.10.4.tgz",
-      "integrity": "sha512-RI/Hh4kqRc1UKLOAf/T5zdMMX5DQIlDxwUe3wSyMMnEbGunnpENCdbUgM+dW7kXidZqCttBrmw7BhN4TMddkCw=="
-    },
     "node_modules/debug": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
@@ -1145,24 +1120,6 @@
       "integrity": "sha512-b3r0E2o4yc7mNmBeJviejF1rEx49PUBi+2NPa7jHEX3arkAXnVgLhR0YmV8oi6/Qf3HH2a8xzQmCjHNH0IpXWQ==",
       "dev": true
     },
-    "node_modules/element-plus": {
-      "version": "1.0.2-beta.37",
-      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-1.0.2-beta.37.tgz",
-      "integrity": "sha512-uoAub6wnIF+dgDskBLlqKyIMlo2+pOJARZhpepyIhk3XIbp17JUo1AtKgYvq0R0hIcJGfq5h1z4YLJYcbDDdyA==",
-      "dependencies": {
-        "@popperjs/core": "^2.4.4",
-        "@types/lodash": "^4.14.161",
-        "async-validator": "^3.4.0",
-        "dayjs": "1.x",
-        "lodash": "^4.17.20",
-        "mitt": "^2.1.0",
-        "normalize-wheel": "^1.0.1",
-        "resize-observer-polyfill": "^1.5.1"
-      },
-      "peerDependencies": {
-        "vue": "^3.0.9"
-      }
-    },
     "node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -2820,11 +2777,6 @@
       "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
       "dev": true
     },
-    "node_modules/mitt": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mitt/-/mitt-2.1.0.tgz",
-      "integrity": "sha512-ILj2TpLiysu2wkBbWjAmww7TkZb65aiQO+DkVdUTBpBXq+MHYiETENkKFMtsJZX1Lf4pe4QOrTSjIfUwN5lRdg=="
-    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -2898,11 +2850,6 @@
         "semver": "bin/semver"
       }
     },
-    "node_modules/normalize-wheel": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
-      "integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
-    },
     "node_modules/npm-run-path": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
@@ -3518,11 +3465,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/resize-observer-polyfill": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
-      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
-    },
     "node_modules/resolve": {
       "version": "1.20.0",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
@@ -4607,11 +4549,6 @@
         }
       }
     },
-    "@popperjs/core": {
-      "version": "2.9.2",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.2.tgz",
-      "integrity": "sha512-VZMYa7+fXHdwIq1TDhSXoVmSPEGM/aa+6Aiq3nVVJ9bXr24zScr+NlKFKC3iPljA7ho/GAZr+d2jOf5GIRC30Q=="
-    },
     "@types/eslint": {
       "version": "7.2.8",
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-7.2.8.tgz",
@@ -4656,11 +4593,6 @@
       "integrity": "sha1-7ihweulOEdK4J7y+UnC86n8+ce4=",
       "dev": true
     },
-    "@types/lodash": {
-      "version": "4.14.168",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.168.tgz",
-      "integrity": "sha512-oVfRvqHV/V6D1yifJbVRU3TMp8OT6o6BG+U9MkwuJ3U8/CsDHvalRpsxBqivn71ztOFZBTfJMvETbqHiaNSj7Q=="
-    },
     "@types/node": {
       "version": "14.14.37",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-14.14.37.tgz",
@@ -5050,11 +4982,6 @@
       "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
       "dev": true
     },
-    "async-validator": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-3.5.1.tgz",
-      "integrity": "sha512-DDmKA7sdSAJtTVeNZHrnr2yojfFaoeW8MfQN8CeuXg8DDQHTqKk9Fdv38dSvnesHoO8MUwMI2HphOeSyIF+wmQ=="
-    },
     "balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -5301,11 +5228,6 @@
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.16.tgz",
       "integrity": "sha512-61FBWoDHp/gRtsoDkq/B1nWrCUG/ok1E3tUrcNbZjsE9Cxd9yzUirjS3+nAATB8U4cTtaQmAHbNndoFz5L6C9Q=="
     },
-    "dayjs": {
-      "version": "1.10.4",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.10.4.tgz",
-      "integrity": "sha512-RI/Hh4kqRc1UKLOAf/T5zdMMX5DQIlDxwUe3wSyMMnEbGunnpENCdbUgM+dW7kXidZqCttBrmw7BhN4TMddkCw=="
-    },
     "debug": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
@@ -5415,21 +5337,6 @@
       "integrity": "sha512-b3r0E2o4yc7mNmBeJviejF1rEx49PUBi+2NPa7jHEX3arkAXnVgLhR0YmV8oi6/Qf3HH2a8xzQmCjHNH0IpXWQ==",
       "dev": true
     },
-    "element-plus": {
-      "version": "1.0.2-beta.37",
-      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-1.0.2-beta.37.tgz",
-      "integrity": "sha512-uoAub6wnIF+dgDskBLlqKyIMlo2+pOJARZhpepyIhk3XIbp17JUo1AtKgYvq0R0hIcJGfq5h1z4YLJYcbDDdyA==",
-      "requires": {
-        "@popperjs/core": "^2.4.4",
-        "@types/lodash": "^4.14.161",
-        "async-validator": "^3.4.0",
-        "dayjs": "1.x",
-        "lodash": "^4.17.20",
-        "mitt": "^2.1.0",
-        "normalize-wheel": "^1.0.1",
-        "resize-observer-polyfill": "^1.5.1"
-      }
-    },
     "emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -6692,11 +6599,6 @@
       "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
       "dev": true
     },
-    "mitt": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mitt/-/mitt-2.1.0.tgz",
-      "integrity": "sha512-ILj2TpLiysu2wkBbWjAmww7TkZb65aiQO+DkVdUTBpBXq+MHYiETENkKFMtsJZX1Lf4pe4QOrTSjIfUwN5lRdg=="
-    },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -6765,11 +6667,6 @@
         }
       }
     },
-    "normalize-wheel": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
-      "integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
-    },
     "npm-run-path": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
@@ -7234,11 +7131,6 @@
       "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
       "dev": true
     },
-    "resize-observer-polyfill": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
-      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
-    },
     "resolve": {
       "version": "1.20.0",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
diff --git a/package.json b/package.json
index fe18e22..019a42c 100644
--- a/package.json
+++ b/package.json
@@ -5,8 +5,8 @@
   "private": true,
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "webpack",
-    "watch": "webpack --watch",
+    "build": "webpack --mode=production",
+    "watch": "webpack --mode=development --watch",
     "lint": "eslint --ext .js,.vue web/src --fix"
   },
   "repository": {
@@ -32,7 +32,6 @@
     "webpack-cli": "^4.6.0"
   },
   "dependencies": {
-    "element-plus": "*",
     "vue": "^3.0.11",
     "vue-router": "^4.0.6"
   }
diff --git a/web/src/App.vue b/web/src/App.vue
new file mode 100644
index 0000000..79f3177
--- /dev/null
+++ b/web/src/App.vue
@@ -0,0 +1,11 @@
+<template>
+  <div id="nav">
+    <router-link to="/">Home</router-link> |
+    <router-link to="/login">Login</router-link> |
+  </div>
+  <router-view />
+</template>
+
+<script>
+
+</script>
\ No newline at end of file
diff --git a/web/src/Landing.vue b/web/src/Landing.vue
index 477e242..a0eb2d0 100644
--- a/web/src/Landing.vue
+++ b/web/src/Landing.vue
@@ -1,3 +1,3 @@
 <template>
-  <router-link to="/login">Login</router-link>
+  <h1>Welcome!</h1>
 </template>
\ No newline at end of file
diff --git a/web/src/Login.vue b/web/src/Login.vue
index a054075..76255f7 100644
--- a/web/src/Login.vue
+++ b/web/src/Login.vue
@@ -1,20 +1,9 @@
 <template>
-  <el-row :align="middle" :gutter="20">
-    <el-col :offset="6" :span="10">
-      <el-form ref="form" :model="form" label-width="120px">
-        <el-form-item label="Enter username">
-          <el-input placeholder="Username" v-model="form.username"></el-input>
-        </el-form-item>
-        <el-form-item label="Enter password">
-          <el-input placeholder="Password" v-model="form.password" show-password></el-input>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="onSubmit">Login</el-button>
-          <el-button>Cancel</el-button>
-        </el-form-item>
-      </el-form>
-    </el-col>
-  </el-row>
+  <form ref="form" :model="form" label-width="120px">
+    <input placeholder="Username" />
+    <input placeholder="Password" />
+    <button>Cancel</button>
+  </form>
 </template>
 
 <script>
diff --git a/web/src/admin/App.vue b/web/src/admin/App.vue
index cdf5fea..1e8e906 100644
--- a/web/src/admin/App.vue
+++ b/web/src/admin/App.vue
@@ -1,16 +1,16 @@
 <template>
-  <el-container>
-    <el-header>
+  <container>
+    <header>
       <router-link to="customers">Customers</router-link>
       <router-link to="/login">logout</router-link>
-    </el-header>
-    <el-container>
-      <el-aside width="200px">Aside</el-aside>
-      <el-main>
+    </header>
+    <container>
+      <aside width="200px">Aside</aside>
+      <main>
         <router-view></router-view>
-      </el-main>
-    </el-container>
-  </el-container>
+      </main>
+    </container>
+  </container>
 </template>
 
 <script>
diff --git a/web/src/admin/Customers.vue b/web/src/admin/Customers.vue
index a00f789..7f42577 100644
--- a/web/src/admin/Customers.vue
+++ b/web/src/admin/Customers.vue
@@ -1,10 +1,5 @@
 <template>
-  <el-table :data="customers">
-    <el-table-column prop="name" label="Name">
-    </el-table-column>
-    <el-table-column prop="did" label="DID">
-    </el-table-column>
-  </el-table>
+  <h1>customer</h1>
 </template>
 
 <script>
diff --git a/web/src/index.html b/web/src/index.html
index fc4e523..900db42 100644
--- a/web/src/index.html
+++ b/web/src/index.html
@@ -4,7 +4,9 @@
   <meta charset="utf-8"/>
   <title><%= htmlWebpackPlugin.options.title %></title>
 </head>
-<body id="app">
+<body>
+<div id="app">
   <router-view></router-view>
+</div>
 </body>
 </html>
\ No newline at end of file
diff --git a/web/src/index.js b/web/src/index.js
index 675d930..862214d 100644
--- a/web/src/index.js
+++ b/web/src/index.js
@@ -1,36 +1,33 @@
-import { createApp } from 'vue'
-import ElementPlus from 'element-plus';
-import 'element-plus/lib/theme-chalk/index.css';
-import App from './admin/App.vue'
-import Customers from './admin/Customers.vue'
+import { createApp, h } from 'vue'
+import { createRouter, createWebHashHistory } from 'vue-router'
+// import App from './admin/App.vue'
+// import Customers from './admin/Customers.vue'
 import Login from './Login.vue'
+import App from './App.vue'
 import Landing from './Landing.vue'
-import * as VueRouter from 'vue-router'
-
-const About = { template: '<div>Provided by the Nuts community for demo purposes.</div>' }
 
 const routes = [
   { path: '/', component: Landing },
-  { path: '/about', component: About },
   { path: '/login', component: Login },
-  { path: '/admin',
-    component: App,
-    children: [
-      {
-        path: 'customers',
-        component: Customers
-      }
-    ]
-  }
+//   { path: '/admin',
+//     component: App,
+//     children: [
+//       {
+//         path: 'customers',
+//         component: Customers
+//       }
+//     ]
+//   }
 ]
 
-const router = VueRouter.createRouter({
+const router = createRouter({
   // We are using the hash history for simplicity here.
-  history: VueRouter.createWebHashHistory(),
+  history: createWebHashHistory(),
   routes // short for `routes: routes`
 })
 
-const app = createApp({})
-app.use(ElementPlus)
+// const app = createApp({})
+const app = createApp(App)
+
 app.use(router)
 app.mount('#app')
diff --git a/webpack.config.js b/webpack.config.js
index aeb18e3..7349b1b 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,16 +1,22 @@
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const webpack = require("webpack");
 const { VueLoaderPlugin } = require('vue-loader')
 
 
 module.exports = {
-  mode: "development",
+  // mode: "development",
+  // mode: "production",
   plugins: [
     new VueLoaderPlugin(),
     new HtmlWebpackPlugin({
       title: "Nuts Demo registry admin",
       template: "./web/src/index.html"
     }),
+    new webpack.DefinePlugin({
+      __VUE_OPTIONS_API__: false,
+      __VUE_PROD_DEVTOOLS__: false,
+    })
   ],
   devtool: 'inline-source-map',
   entry: {
@@ -23,7 +29,9 @@ module.exports = {
   },
   resolve: {
     alias: {
-      'vue': 'vue/dist/vue.esm-bundler.js'
+      // Use the runtime here since it is smaller and we use precompiled .vue components
+      'vue': 'vue/dist/vue.runtime.esm-bundler.js'
+      // 'vue': 'vue/dist/vue.esm-bundler.js'
     }
   },
   module: {