2020-07-29 21:08:52 +00:00
|
|
|
<div class="weapons">
|
|
|
|
<div class="beams">
|
2022-03-01 17:42:33 +00:00
|
|
|
{#each beams as beam}
|
|
|
|
<Beam {...beam} />
|
|
|
|
{/each}
|
2020-07-29 21:08:52 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<script>
|
2022-03-01 17:42:33 +00:00
|
|
|
import Beam from "./Beam/index.svelte";
|
2020-07-29 21:08:52 +00:00
|
|
|
export let weapons = [];
|
|
|
|
|
|
|
|
let beams = [];
|
2022-03-01 17:42:33 +00:00
|
|
|
$: beams = weapons.filter(({ weapon_type }) => weapon_type === "beam");
|
2020-07-29 21:08:52 +00:00
|
|
|
</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>
|