21 lines
556 B
JavaScript
21 lines
556 B
JavaScript
|
|
||
|
|
Vue.component('entity-component', {
|
||
|
|
props: [ "name", "value" ],
|
||
|
|
methods: {
|
||
|
|
remove_component() {
|
||
|
|
this.$emit('remove_component', {component: this.name});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
template: `
|
||
|
|
<div class="entity-component">
|
||
|
|
<div class="entity-component-name">{{ name }}</div>
|
||
|
|
<img src="images/delete.png" class="entity-remove-icon" v-on:click="remove_component">
|
||
|
|
|
||
|
|
<component-properties v-for="(v, name) in value" class="component" :key="name"
|
||
|
|
:name="name"
|
||
|
|
:value="v">
|
||
|
|
</component-properties>
|
||
|
|
</div>
|
||
|
|
`
|
||
|
|
});
|