Issue with Class names getting cropped in production.

Tried these vuejs/vue-cli#1118 https://medium.com/haiiro-io/element-component-name-with-vue-class-component-f3b435656561 with no success.
Must find a more correct way to do this.

packages/ketchup-vue/index.js

@@ -4,7 +4,7 @@ import { Select, Option } from 'element-ui';
 import SmeupFld from "./src/components/SmeupFld.vue";
 import SmeupLabel from "./src/components/SmeupLabel.vue";
 import SmeupMatrix from "./src/components/comp/mat/SmeupMatrix.vue";
-import MAT from "./src/components/MAT.vue";
+import KetchupMatrix from "./src/components/KetchupMatrix.vue";
 
 // This is necessary to import correct style for element-ui library
 import 'element-ui/lib/theme-chalk/index.css'
@@ -25,10 +25,12 @@ import 'material-design-icons-iconfont'
 function install(Vue, options = {}) {
   Vue.use(Vuetify);
 
+  console.log(SmeupMatrix, );
+
   Vue.component(SmeupFld.name, SmeupFld);
   Vue.component(SmeupLabel.name, SmeupLabel);
-  Vue.component(SmeupMatrix.name, SmeupMatrix);
-  Vue.component(MAT.name, MAT);
+  Vue.component('SmeupMatrix', SmeupMatrix);
+  Vue.component('KetchupMatrix', KetchupMatrix);
 
   Vue.component('el-select', Select);
   Vue.component('el-option', Option);
@@ -52,5 +54,5 @@ export {
   SmeupFld,
   SmeupLabel,
   SmeupMatrix,
-  MAT
+  KetchupMatrix
 };