isPending is true by default

[rigwild]

Hey,

I started to use the combined slot as I find it more flexible for forms disabled states.

For example:

<Promised :promise="promise" v-slot:combined="{ isPending, data, error }">
  <button @click="refreshValue" :disabled="isPending">
    Load
  </button>

  <Loader v-if="isPending" />
  <textarea v-else-if="data" v-text="data"></textarea>
  <Alert v-else-if="error" v-text="error" />
</Promised>

By default, isPending is initialized as true when promise is initialized as null. This is frustrating as it makes the form being rendered as in a loading state (at first I was confused as it is not what I expected, and could not find the problem).

vue-promised/src/index.js

Lines 20 to 26 in fe001cf

	data: () => ({
	resolved: false,
	data: null,
	error: null,
	isDelayElapsed: false,
	}),

vue-promised/src/index.js

Lines 29 to 35 in fe001cf

	if (this.$scopedSlots.combined) {
	const node = this.$scopedSlots.combined({
	isPending: !this.resolved,
	isDelayOver: this.isDelayElapsed,
	data: this.data,
	error: this.error,
	})

The workAround I use is to set a resolved Promise as initialization, but I don't think that is very beautiful 👀

data() {
  return {
    promise: Promise.resolve()
  }
}

Maybe a prop could be added to init as false instead of true.

That's not a huge deal though.

Have a nice day!

[posva]

This is intentional so the promise is on a pending state until there is something to wait for. Using a resolved promise to make the state automatically go into resolved is the way to go. It clearly expresses that we start as resolved
Promised is meant to reflect the 3 states of a promise, introducing new ones only complexifies the api and detach it more from the js promises

[rigwild]

I get your point. This issue may be useful to others who are facing the same problem!
Have a nice day 😸