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

     1  <template>
     2    <div>
     3      <div v-for="(line, i) in lines" :key="i">
     4        <span v-if="line">{{ line }}</span>
     5        <br v-else />
     6      </div>
     7    </div>
     8  </template>
     9  
    10  <script lang="ts">
    11  import Vue from "vue";
    12  import Component from "vue-class-component";
    13  
    14  const MultiLineProps = Vue.extend({
    15    props: {
    16      message: String
    17    }
    18  });
    19  
    20  @Component({
    21    components: {}
    22  })
    23  export default class MultiLine extends MultiLineProps {
    24    get lines() {
    25      return this.message.split("\n");
    26    }
    27  }
    28  </script>
    29  
    30  <style scoped></style>