docs: Update in and out docs to show the imports

[snide]

This is my first PR in the docs. I'd like to contribute more, so please be easy on me. I noticed the in and out docs wouldn't work without the correct import from transition. This will make it a bit obvious.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 4d2f1fb

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[Rich-Harris]

Thanks! There's basically one of two ways you can go here — everything can be implicit, or it can be explicit. Previously it was implicit because these docs previously lived directly alongside the transition: docs, but I agree that it doesn't really make sense that way.

But if it's explicit, then we need to make everything explicit, otherwise people will copy the code into the playground and then be confused that it doesn't work. To that end, I added the visible state and a toggle that controls it.

[pkg-pr-new]

pnpm add https://pkg.pr.new/svelte@14050

commit: 4d2f1fb