github.com/benoitkugler/goacve@v0.0.0-20201217100549-151ce6e55dc8/server/frontend/bv/src/shared/fields/StaticList.vue (about)

     1  <template>
     2    <b-list-group :horizontal="width < 100" class="flex-wrap p-1">
     3      <b-list-group-item :class="class_" v-for="(item, i) in items" :key="i">
     4        <div v-html="item"></div>
     5      </b-list-group-item>
     6    </b-list-group>
     7  </template>
     8  
     9  <script lang="ts">
    10  import Vue from "vue";
    11  import Component from "vue-class-component";
    12  
    13  const StaticListProps = Vue.extend({
    14    props: {
    15      items: Array,
    16      width: Number
    17    }
    18  });
    19  
    20  @Component({})
    21  export default class StaticList extends StaticListProps {
    22    get class_() {
    23      return ["w-" + this.width, "px-2", "py-1", "border", "rounded"];
    24    }
    25  }
    26  </script>
    27  
    28  <style scoped></style>