aotds-docks/src/components/Hull/Armour/Layer/index.svelte

30 lines
592 B
Svelte

<Field label={ `layer ${layer}` }>
<input type="number" min="0" bind:value={rating} />
</Field>
<script>
import { createEventDispatcher} from 'svelte';
import dux from '$lib/dux/structure/armour';
import ShipItem from '$lib/components/ShipItem/index.svelte';
import Field from '$lib/components/Field/index.svelte';
export let layer = 1;
export let rating = 0;
const dispatch = createEventDispatcher();
$: dispatch( 'ship_change',
dux.actions.set_armour_layer({layer,rating})
);
</script>
<style>
input {
width: 5em;
}
</style>