---
title: Replit
icon: simple-icons:replit
createTime: 2025/10/08 10:42:05
permalink: /en/guide/code/replit/
---

<Badge type="danger" text="Deprecated" />

~~The theme supports embedding [Replit](https://replit.com/) in Markdown files.~~

## Configuration

This feature is disabled by default. You can enable it in the configuration file.

```ts title=".vuepress/config.ts"
export default defineUserConfig({
  theme: plumeTheme({
    markdown: {
      replit: true, // [!code ++]
    },
  })
})
```

## Syntax

Basic syntax:

```md
@[replit](user/repl-name)
```

Extended options:

```md
@[replit title="" width="100%" height="450px" theme="dark"](user/repl-name#filepath)
```

- `title`: Title
- `width`: Container width
- `height`: Container height
- `theme`: Theme, options: `dark` and `light`
- `user`: Replit username
- `repl-name`: Replit repl name
- `filepath`: Default file path to open in Replit

## Examples

Input:

```md
@[replit](@TechPandaPro/Cursor-Hangout#package.json)
````

Output:

@[replit](@TechPandaPro/Cursor-Hangout#package.json)
