All files / lib/components form-input-static.vue

50% Statements 7/14
21.43% Branches 3/14
60% Functions 3/5
50% Lines 7/14
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 4318x 18x 18x   18x 18x                     18x     18x                                              
<template>
    <p :id="id || null"
    I   :class="inputClass"
       v-html="staticValue"
    ></p>E
</template>
 
<script>
    export default {
        computed: {
            staticValue() {
                const val = this.value;
                return (val === '' || val === null) ? '&nbsp;' : val;
            },
            inputClass() {
                return [
                    'form-control-static',
                    this.size ? `form-control-${this.size}` : null,
                    this.state ? `form-control-${this.state}` : null
                ];
            }
        },
        props: {
            id: {
                type: String,
                default: null
            },
            value: {
                default: null
            },
            size: {
                type: String,
                default: null
            },
            state: {
                type: String,
                default: null
            }
        }
    };
 
</script>