Skip to content

Commit

Permalink
docs: add omitted anchors for 3.5
Browse files Browse the repository at this point in the history
  • Loading branch information
AloisSeckar committed Sep 15, 2024
1 parent 9c3535f commit c41d071
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 6 deletions.
10 changes: 5 additions & 5 deletions src/guide/components/async.md
Original file line number Diff line number Diff line change
Expand Up @@ -118,7 +118,7 @@ In Vue 3.5+, async components can control when they are hydrated by providing a

- The design is intentionally low-level for flexibility. Compiler syntax sugar can potentially be built on top of this in the future either in core or in higher level solutions (e.g. Nuxt).

### Hydrate on Idle
### Hydrate on Idle {#hydrate-on-idle}

Hydrates via `requestIdleCallback`:

Expand All @@ -131,7 +131,7 @@ const AsyncComp = defineAsyncComponent({
})
```

### Hydrate on Visible
### Hydrate on Visible {#hydrate-on-visible}

Hydrate when element(s) become visible via `IntersectionObserver`.

Expand All @@ -150,7 +150,7 @@ Can optionally pass in an options object value for the observer:
hydrateOnVisible({ rootMargin: '100px' })
```

### Hydrate on Media Query
### Hydrate on Media Query {#hydrate-on-media-query}

Hydrates when the specified media query matches.

Expand All @@ -163,7 +163,7 @@ const AsyncComp = defineAsyncComponent({
})
```

### Hydrate on Interaction
### Hydrate on Interaction {#hydrate-on-interaction}

Hydrates when specified event(s) are triggered on the component element(s). The event that triggered the hydration will also be replayed once hydration is complete.

Expand All @@ -182,7 +182,7 @@ Can also be a list of multiple event types:
hydrateOnInteraction(['wheel', 'mouseover'])
```

### Custom Strategy
### Custom Strategy {#custom-strategy}

```ts
import { defineAsyncComponent, type HydrationStrategy } from 'vue'
Expand Down
2 changes: 1 addition & 1 deletion src/guide/components/props.md
Original file line number Diff line number Diff line change
Expand Up @@ -154,7 +154,7 @@ const { foo = 'hello' } = defineProps<{ foo?: string }>()

If you prefer to have more visual distinction between destructured props and normal variables in your IDE, Vue's VSCode extension provides a setting to enable inlay-hints for destructured props.

### Passing Destructured Props into Functions
### Passing Destructured Props into Functions {#passing-destructured-props-into-functions}

When we pass a destructured prop into a function, e.g.:

Expand Down

0 comments on commit c41d071

Please sign in to comment.