All files / movieapp/src/components AlertContainer.vue

0% Statements 0/2
100% Branches 0/0
100% Functions 0/0
0% Lines 0/2

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                                                   
<template>
  <div class="alert-container my-0">
    <Alert v-for="alert in alerts" :key="alert.id" :alert="alert" />
  </div>
</template>
 
<script>
import Alert from '@/components/Alert'
import { mapState } from 'vuex'
 
export default {
  components: { Alert },
  computed: mapState('alert', ['alerts'])
}
</script>
 
<style scoped>
.alert-container {
  position: fixed;
  top: 20px;
  z-index: 1;
 
  right: 10px;
}
</style>