30 lines
612 B
Vue
30 lines
612 B
Vue
<template>
|
|
<div class="instrument-widget">
|
|
<div class="instrument-widget__description" v-html="value.description"></div>
|
|
<router-link class="instrument-widget__button button" tag="button"
|
|
:to="{name: 'instrument', params: { slug: value.slug }}">Instrument anzeigen
|
|
</router-link>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: ['value']
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@import "@/styles/_variables.scss";
|
|
.instrument-widget {
|
|
margin-bottom: $small-spacing;
|
|
|
|
&__description {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
&__button {
|
|
|
|
}
|
|
}
|
|
</style>
|