Skip to content

Commit 3996403

Browse files
authored
docs: add links to source
1 parent 35d1746 commit 3996403

3 files changed

Lines changed: 15 additions & 0 deletions

File tree

docs/content/2.usage/1.nuxt-img.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
11
---
22
title: '<NuxtImg>'
33
description: Discover how to use and configure the Nuxt Image component.
4+
links:
5+
- label: Source
6+
icon: i-simple-icons-github
7+
to: https://github.com/nuxt/image/blob/main/src/runtime/components/nuxt-img.ts
8+
size: xs
49
---
510

611
`<NuxtImg>` is a drop-in replacement for the native `<img>` tag.

docs/content/2.usage/2.nuxt-picture.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
11
---
22
title: '<NuxtPicture>'
33
description: Discover how to use and configure the Nuxt Picture component.
4+
links:
5+
- label: Source
6+
icon: i-simple-icons-github
7+
to: https://github.com/nuxt/image/blob/main/src/runtime/components/nuxt-picture.ts
8+
size: xs
49
---
510

611
`<NuxtPicture>` is a drop-in replacement for the native `<picture>` tag.

docs/content/2.usage/3.use-image.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
11
---
22
title: useImage()
33
description: A Vue composable that returns a helper function to generate optimized image URLs.
4+
links:
5+
- label: Source
6+
icon: i-simple-icons-github
7+
to: https://github.com/nuxt/image/blob/main/src/runtime/composables.ts
8+
size: xs
49
---
510

611
Sometimes you might need to use a generated image URL directly with applied transformations instead of the `<NuxtImg>` and `<NuxtPicture>` components. This is where `useImage()` comes in (and the helper function it returns, which you will often see referenced directly as `$img` or `img`).

0 commit comments

Comments
 (0)