import Vue from 'vue';
import { PluginObject } from 'vue';
import Component from 'vue-class-component';
import { Prop } from 'vue-property-decorator';
import WithRender from './list-bullet.html?style=./list-bullet.scss';
import { LIST_BULLET_NAME } from '../component-names';

@WithRender
@Component
export class MListBullet extends Vue {
    @Prop({ default: ['Element 1', 'Element 2', 'Element 3'] })
    public values: string[];
    private componentName = LIST_BULLET_NAME;
}

const ListBulletPlugin: PluginObject<any> = {
    install(v, options) {
        v.component(LIST_BULLET_NAME, MListBullet);
    }
};

export default ListBulletPlugin;

import Vue from 'vue';
import { PluginObject } from 'vue';
import Component from 'vue-class-component';
import { Prop } from 'vue-property-decorator';
import WithRender from './list-bullet.html?style=./list-bullet.scss';
import { LIST_BULLET_NAME } from '../component-names';

@WithRender
@Component
export class MList extends Vue {
    @Prop({ default: ['Element 1', 'Element 2', 'Element 3'] })
    public values: string[];
    private componentName = LIST_BULLET_NAME;
}

const ListPlugin: PluginObject<any> = {
    install(v, options) {
        v.component(LIST_BULLET_NAME, MList);
    }
};

export default ListPlugin;

--- 
+++ 
@@ -7,16 +7,16 @@
 
 @WithRender
 @Component
-export class MList extends Vue {
+export class MListBullet extends Vue {
     @Prop({ default: ['Element 1', 'Element 2', 'Element 3'] })
     public values: string[];
     private componentName = LIST_BULLET_NAME;
 }
 
-const ListPlugin: PluginObject<any> = {
+const ListBulletPlugin: PluginObject<any> = {
     install(v, options) {
-        v.component(LIST_BULLET_NAME, MList);
+        v.component(LIST_BULLET_NAME, MListBullet);
     }
 };
 
-export default ListPlugin;
+export default ListBulletPlugin;
Change name of list bullet component

