---
title: "Components"
description: "Components that are included with the module, including OgImage and OgImageScreenshot."
canonical_url: "https://nuxtseo.com/docs/og-image/v5/api/components"
last_updated: "2026-05-06T18:43:51.152Z"
---

## Introduction

It's recommended to use composables over components, as they are more flexible and will provide better type safety.

## `OgImage`

Render a customisable OG Image.

Uses the [defineOgImage](/docs/og-image/api/define-og-image) composable.

```vue
<template>
  <OgImage />
</template>
```

## `OgImageScreenshot`

Takes a screenshot of the page and uses it as the image.

Uses the [defineOgImageScreenshot](/docs/og-image/api/define-og-image-screenshot) composable.

```vue
<template>
  <OgImageScreenshot />
</template>
```