30 lines
428 B
Svelte
30 lines
428 B
Svelte
<div class="weapons">
|
|
|
|
<div class="beams">
|
|
{#each beams as beam}
|
|
<Beam {...beam} />
|
|
{/each}
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<script>
|
|
import Beam from './Beam/index.svelte';
|
|
export let weapons = [];
|
|
|
|
let beams = [];
|
|
$: beams = weapons.filter( ({ weapon_type }) => weapon_type === 'beam' );
|
|
|
|
</script>
|
|
|
|
<style>
|
|
div {
|
|
margin-bottom: 2em;
|
|
}
|
|
.beams {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
}
|
|
</style>
|