From 6d50dc890cec7537b1e02e49de562514e74fb4b7 Mon Sep 17 00:00:00 2001
From: Cael <MR-Addict@qq.com>
Date: Sat, 24 Feb 2024 21:39:07 +0800
Subject: [PATCH] feat: add third app vimeo

---
 docs/src/SUMMARY.md           |  1 +
 docs/src/third-party/vimeo.md | 22 ++++++++++++++++++++++
 templates/vimeo.html          |  7 +++++++
 3 files changed, 30 insertions(+)
 create mode 100644 docs/src/third-party/vimeo.md
 create mode 100644 templates/vimeo.html

diff --git a/docs/src/SUMMARY.md b/docs/src/SUMMARY.md
index 1270ff0..c179227 100644
--- a/docs/src/SUMMARY.md
+++ b/docs/src/SUMMARY.md
@@ -11,6 +11,7 @@
 
 - [Third Party Apps](third-party/index.md)
   - [Gist](third-party/gist.md)
+  - [Vimeo](third-party/vimeo.md)
   - [Giscus](third-party/giscus.md)
   - [Youtube](third-party/youtube.md)
   - [Codepen](third-party/codepen.md)
diff --git a/docs/src/third-party/vimeo.md b/docs/src/third-party/vimeo.md
new file mode 100644
index 0000000..3f989f5
--- /dev/null
+++ b/docs/src/third-party/vimeo.md
@@ -0,0 +1,22 @@
+# Vimeo
+
+Vimeo is a video hosting platform that allows you to upload and share videos.
+
+## Options
+
+| Option  | Description  | Required | Default |
+| :------ | :----------- | :------- | :------ |
+| id      | Video ID     | Yes      | - -     |
+| loading | Loading type | No       | lazy    |
+
+## Example
+
+<!-- embed ignore begin -->
+
+```text
+{% embed vimeo id="914391191" loading="lazy" %}
+```
+
+<!-- embed ignore end -->
+
+{% embed vimeo id="914391191" loading="lazy" %}
diff --git a/templates/vimeo.html b/templates/vimeo.html
new file mode 100644
index 0000000..0e08a56
--- /dev/null
+++ b/templates/vimeo.html
@@ -0,0 +1,7 @@
+<iframe
+  name="vimeo"
+  loading="{% raw(loading=lazy) %}"
+  allow="autoplay; fullscreen; picture-in-picture"
+  src="https://player.vimeo.com/video/{% raw(id) %}"
+  style="width: 100%; height: 100%; border: none; aspect-ratio: 16/9; border-radius: 1rem; background: black"
+></iframe>