2020-07-29 21:08:52 +00:00
|
|
|
<div class="weapons">
|
|
|
|
|
|
|
|
<div class="beams">
|
|
|
|
{#each beams as beam}
|
|
|
|
<Beam {...beam} />
|
|
|
|
{/each}
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<script>
|
2021-05-17 13:48:31 +00:00
|
|
|
import Beam from './Beam/index.svelte';
|
2020-07-29 21:08:52 +00:00
|
|
|
export let weapons = [];
|
|
|
|
|
|
|
|
let beams = [];
|
|
|
|
$: beams = weapons.filter( ({ weapon_type }) => weapon_type === 'beam' );
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style>
|
2020-07-29 23:17:25 +00:00
|
|
|
div {
|
|
|
|
margin-bottom: 2em;
|
|
|
|
}
|
2020-07-30 00:29:21 +00:00
|
|
|
.beams {
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-evenly;
|
|
|
|
}
|
2020-07-29 21:08:52 +00:00
|
|
|
</style>
|