aotds-docks/src/components/Cargo/index.svelte

30 lines
568 B
Svelte

<ShipItem {cost} {mass}>
<Field label="cargo">
<input type="number" min="0" bind:value={space}/>
</Field>
</ShipItem>
<script>
import get from 'lodash/get';
import ShipItem from '~C/ShipItem/index.svelte';
import Field from '~C/Field/index.svelte';
import {getContext} from 'svelte';
const ship = getContext('ship');
export let space = 0;
export let cost = 0;
export let mass = 0;
export let set_cargo = get(ship,'dispatch.set_cargo',() => {});
$: set_cargo( space );
</script>
<style>
input {
width: 5em;
}
</style>