app_vue2/components/Ui/SystemBar.vue

<!--
System bars
-->

<template>
    <v-system-bar
      dark
      height="50"
      :color="color"
    >
        <div class="flex text-center ot_white--text">
          <slot name="bar.text"></slot>
        </div>
    </v-system-bar>
</template>

<script lang="ts">
import { defineComponent} from '@nuxtjs/composition-api'

export default defineComponent({
  props: {
    color: {
      type: String,
      required: true
    }
  }
})
</script>

<style scoped>
</style>