22 lines
532 B
Vue
22 lines
532 B
Vue
<template>
|
|
<div class="is-divider-vertical" :data-content="dataContent"></div>
|
|
</template>
|
|
<script lang="ts">
|
|
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
|
|
@Component
|
|
export default class VerticalDivider extends Vue {
|
|
@Prop({ default: 'Or' }) content;
|
|
|
|
get dataContent() {
|
|
return this.content.toLocaleUpperCase();
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
@import "@/variables.scss";
|
|
|
|
.is-divider-vertical[data-content]::after {
|
|
background-color: $body-background-color;
|
|
}
|
|
</style> |