# All files / components/feedback AppErrorState.vue

100% Statements 3/3
100% Branches 4/4
100% Functions 2/2
100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    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
    4x
    4x

    2x

     <template>
      <GnAlert variant="danger" role="alert">
        <strong>{{ title }}</strong>
        <p v-if="message">{{ message }}</p>
        <GnButton v-if="retry" variant="danger" @click="retry">Retry</GnButton>
      </GnAlert>
    </template>

    <script setup>
    import { GnAlert, GnButton } from "gnexus-ui-kit/vue";

    defineProps({
      title: {
        type: String,
        default: "Request failed",
      },
      message: {
        type: String,
        default: "",
      },
      retry: {
        type: Function,
        default: null,
      },
    });
    </script>