controlClasses doc, example update

ribizli / svelte-form-control

Svelte form validation and state store library

5 stars 2 forks source link

controlClasses doc, example update #1

Open sysmat opened 3 years ago

sysmat commented 3 years ago

I try the example, but Visual Studio Code, showing me error when using <script lang="ts">:

Argument of type 'ControlBase<any>' is not assignable to parameter of type 'Control<ControlTypes>'.
  Type 'ControlBase<any>' is missing the following properties from type 'Control<ControlTypes>': initial, touchedts(2345)

example: <input bind:value={$value.name} use:controlClasses={form.child("name")} />

sysmat commented 3 years ago

the types are not recognized by VSC example: disabled={!$state.$valid || !$state.$dirty}

Property '$valid' does not exist on type '{ name: $ControlState; }'.ts(2339)

sysmat commented 3 years ago

also for bind is in error

<input
type="text"
class="form-control"
placeholder="Save as"
aria-label="Save as"
aria-describedby="SaveAs"
bind:value={$value.name}
use:controlClasses={form.child("name")}
class:is-invalid={!$state.name.$valid && $state.name.$dirty}
/>

svelte-angularLike

ribizli commented 3 years ago

thanks for the feedback, but am not planning to make this lib officially released, I use it in a private sapper project without TS.