Skip to content

Commit 117efa8

Browse files
HugoRCDautofix-ci[bot]
HugoRCD
and
autofix-ci[bot]
authored
feat: use prose-img from @nuxt/ui-pro (#573)
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
1 parent 742b663 commit 117efa8

File tree

22 files changed

+1630
-1579
lines changed

22 files changed

+1630
-1579
lines changed

‎docs/app/pages/blog/[slug].vue

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
<script setup lang="ts">
2-
import mediumZoom from 'medium-zoom'
32
import { joinURL } from 'ufo'
43
54
definePageMeta({
@@ -48,12 +47,6 @@ const socialLinks = computed(() => [{
4847
icon: 'i-simple-icons-x',
4948
to: `https://x.com/intent/tweet?text=${encodeURIComponent(`${post.value.title}\n\n`)}https://hub.nuxt.com${post.value._path}`
5049
}])
51-
52-
onMounted(() => {
53-
mediumZoom('[data-zoom-src]', {
54-
margin: 5
55-
})
56-
})
5750
</script>
5851

5952
<template>

‎docs/app/pages/changelog/[slug].vue

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
<script setup lang="ts">
2-
import mediumZoom from 'medium-zoom'
32
import { joinURL } from 'ufo'
43
54
definePageMeta({
@@ -48,12 +47,6 @@ const socialLinks = computed(() => [{
4847
icon: 'i-simple-icons-x',
4948
to: `https://x.com/intent/tweet?text=${encodeURIComponent(`${post.value.title}\n\n`)}https://hub.nuxt.com${post.value._path}`
5049
}])
51-
52-
onMounted(() => {
53-
mediumZoom('[data-zoom-src]', {
54-
margin: 5
55-
})
56-
})
5750
</script>
5851

5952
<template>

‎docs/app/pages/docs/[...slug].vue

Lines changed: 0 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
11
<script setup lang="ts">
2-
import mediumZoom from 'medium-zoom'
3-
42
definePageMeta({
53
layout: 'docs',
64
primary: 'green',
@@ -32,12 +30,6 @@ useSeoMeta({
3230
defineOgImageComponent('Docs', {
3331
category: 'Docs'
3432
})
35-
36-
onMounted(() => {
37-
mediumZoom('[data-zoom-src]', {
38-
margin: 5
39-
})
40-
})
4133
</script>
4234

4335
<template>

‎docs/app/pages/index.vue

Lines changed: 0 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
<script setup lang="ts">
2-
import mediumZoom from 'medium-zoom'
32
import { joinURL } from 'ufo'
43
54
const { data: page } = await useAsyncData('index', () => {
@@ -21,9 +20,6 @@ const demoVideoLink = page.value.deploy?.links?.find(link => link.id === 'demo-v
2120
const videoLink = ref('')
2221
2322
onMounted(() => {
24-
mediumZoom('[data-zoom-src]', {
25-
margin: 5
26-
})
2723
if (introVideoLink) {
2824
document.body.querySelector(`#${introVideoLink.id}`)?.addEventListener('click', (e) => {
2925
if (e.ctrlKey || e.metaKey) {
@@ -313,13 +309,4 @@ onMounted(() => {
313309
.hero_code div div {
314310
@apply dark:bg-neutral-900/60 backdrop-blur-3xl bg-white/60;
315311
}
316-
317-
.medium-zoom-overlay {
318-
@apply dark:!bg-neutral-950 !bg-white;
319-
}
320-
321-
.medium-zoom-overlay,
322-
.medium-zoom-image--opened {
323-
z-index: 100;
324-
}
325312
</style>

‎docs/content/blog/2.drawing-app-with-nuxt-and-cloudflare-r2.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -447,7 +447,7 @@ When running your project locally, you can open the Nuxt DevTools:
447447
- `Shift + Option + D` shortcut or clicking on the Nuxt logo in the botttom of the screen
448448
- The look for the **Hub Blob** tab (you can also use `CTRL + K` to open the search bar and type `Blob`)
449449

450-
:img{src="/images/blog/atidraw-devtools-blob.png" alt="NuxtHub DevTools Blob for Atidraw" width="915" height="515" data-zoom-src="/images/blog/atidraw-devtools-blob.png"}
450+
:img{src="/images/blog/atidraw-devtools-blob.png" alt="NuxtHub DevTools Blob for Atidraw" width="915" height="515"}
451451

452452
### Production
453453

@@ -461,7 +461,7 @@ npx nuxthub manage
461461

462462
Or go to https://admin.hub.nuxt.com and select your project.
463463

464-
:img{src="/images/blog/atidraw-admin-blob.png" alt="NuxtHub Admin Blob for Atidraw" width="915" height="515" data-zoom-src="/images/blog/atidraw-admin-blob.png"}
464+
:img{src="/images/blog/atidraw-admin-blob.png" alt="NuxtHub Admin Blob for Atidraw" width="915" height="515"}
465465

466466
## Conclusion
467467

‎docs/content/blog/3.cloudflare-ai-for-user-experience.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ I've been thinking about two features:
8383

8484
Before starting, I took a look at [Cloudflare's multi modal playground](https://multi-modal.ai.cloudflare.com/) and played with some models.
8585

86-
:img{alt="Atidraw AI models" dataZoomSrc="/images/blog/atidraw-ai-models.png" height="515" src="/images/blog/atidraw-ai-models.png" width="915"}
86+
:img{alt="Atidraw AI models" height="515" src="/images/blog/atidraw-ai-models.png" width="915"}
8787

8888
This guided me to the following models:
8989
- [LLaVA](https://developers.cloudflare.com/workers-ai/models/llava-1.5-7b-hf/) for the alternative text generation

‎docs/content/docs/1.getting-started/1.index.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -54,35 +54,35 @@ NuxtHub provides optional features to help you build full-stack applications:
5454

5555
::tabs
5656
:::div{label="Projects"}
57-
:img{alt="NuxtHub Admin" dataZoomSrc="/images/landing/nuxthub-admin.png" height="515" src="/images/landing/nuxthub-admin.png" width="915"}
57+
:img{alt="NuxtHub Admin" height="515" src="/images/landing/nuxthub-admin.png" width="915"}
5858
:::
5959

6060
:::div{label="Deployments"}
61-
:img{alt="NuxtHub Admin Deployments" dataZoomSrc="/images/landing/nuxthub-admin-project.png" height="515" src="/images/landing/nuxthub-admin-project.png" width="915"}
61+
:img{alt="NuxtHub Admin Deployments" height="515" src="/images/landing/nuxthub-admin-project.png" width="915"}
6262
:::
6363

6464
:::div{label="Database"}
65-
:img{alt="NuxtHub Admin Database" dataZoomSrc="/images/landing/nuxthub-admin-database.png" height="515" src="/images/landing/nuxthub-admin-database.png" width="915"}
65+
:img{alt="NuxtHub Admin Database" height="515" src="/images/landing/nuxthub-admin-database.png" width="915"}
6666
:::
6767

6868
:::div{label="KV"}
69-
:img{alt="NuxtHub Admin KV" dataZoomSrc="/images/landing/nuxthub-admin-kv.png" height="515" src="/images/landing/nuxthub-admin-kv.png" width="915"}
69+
:img{alt="NuxtHub Admin KV" height="515" src="/images/landing/nuxthub-admin-kv.png" width="915"}
7070
:::
7171

7272
:::div{label="Blob"}
73-
:img{alt="NuxtHub Admin Blob" dataZoomSrc="/images/landing/nuxthub-admin-blob.png" height="515" src="/images/landing/nuxthub-admin-blob.png" width="915"}
73+
:img{alt="NuxtHub Admin Blob" height="515" src="/images/landing/nuxthub-admin-blob.png" width="915"}
7474
:::
7575

7676
:::div{label="Logs"}
77-
:img{alt="NuxtHub Admin Logs" dataZoomSrc="/images/landing/nuxthub-admin-server-logs.png" height="515" src="/images/landing/nuxthub-admin-server-logs.png" width="915"}
77+
:img{alt="NuxtHub Admin Logs" height="515" src="/images/landing/nuxthub-admin-server-logs.png" width="915"}
7878
:::
7979

8080
:::div{label="Open API"}
81-
:img{alt="NuxtHub Admin Open API" dataZoomSrc="/images/landing/nuxthub-admin-open-api.png" height="515" src="/images/landing/nuxthub-admin-open-api.png" width="915"}
81+
:img{alt="NuxtHub Admin Open API" height="515" src="/images/landing/nuxthub-admin-open-api.png" width="915"}
8282
:::
8383

8484
:::div{label="Cache"}
85-
:img{alt="NuxtHub Admin Cache" dataZoomSrc="/images/landing/nuxthub-admin-cache.png" height="515" src="/images/landing/nuxthub-admin-cache.png" width="915"}
85+
:img{alt="NuxtHub Admin Cache" height="515" src="/images/landing/nuxthub-admin-cache.png" width="915"}
8686
:::
8787
::
8888

@@ -108,15 +108,15 @@ NuxtHub also integrates with the [Nuxt DevTools](https://devtools.nuxt.com/) to
108108

109109
::tabs
110110
:::div{label="Database"}
111-
:img{alt="Nuxt DevTools Database" dataZoomSrc="/images/landing/nuxt-devtools-database.png" height="515" src="/images/landing/nuxt-devtools-database.png" width="915"}
111+
:img{alt="Nuxt DevTools Database" height="515" src="/images/landing/nuxt-devtools-database.png" width="915"}
112112
:::
113113

114114
:::div{label="KV"}
115-
:img{alt="Nuxt DevTools KV" dataZoomSrc="/images/landing/nuxt-devtools-kv.png" height="515" src="/images/landing/nuxt-devtools-kv.png" width="915"}
115+
:img{alt="Nuxt DevTools KV" height="515" src="/images/landing/nuxt-devtools-kv.png" width="915"}
116116
:::
117117

118118
:::div{label="Blob"}
119-
:img{alt="Nuxt DevTools Blob" dataZoomSrc="/images/landing/nuxt-devtools-blob.png" height="515" src="/images/landing/nuxt-devtools-blob.png" width="915"}
119+
:img{alt="Nuxt DevTools Blob" height="515" src="/images/landing/nuxt-devtools-blob.png" width="915"}
120120
:::
121121
::
122122

‎docs/content/docs/1.getting-started/3.deploy.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,10 @@ The [NuxtHub Admin](https://admin.hub.nuxt.com) is made to simplify your experie
1212

1313
::tabs
1414
::div{label="Deployments"}
15-
:img{src="/images/landing/nuxthub-admin-project.png" alt="NuxtHub Admin Deployments" width="915" height="515" data-zoom-src="/images/landing/nuxthub-admin-project.png"}
15+
:img{src="/images/landing/nuxthub-admin-project.png" alt="NuxtHub Admin Deployments" width="915" height="515"}
1616
::
1717
::div{label="Deployment Details"}
18-
:img{src="/images/landing/nuxthub-admin-deployment.png" alt="NuxtHub Admin Deployment" width="915" height="515" data-zoom-src="/images/landing/nuxthub-admin-deployment.png"}
18+
:img{src="/images/landing/nuxthub-admin-deployment.png" alt="NuxtHub Admin Deployment" width="915" height="515"}
1919
::
2020
::
2121

‎docs/content/docs/1.getting-started/4.remote-storage.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Remote Storage
33
description: Access your remote data locally or from external Nuxt projects with our secured proxy.
44
---
55

6-
:img{src="/images/docs/nuxthub-remote-access.png" alt="NuxtHub Remote Access" width="766" height="377" data-zoom-src="/images/docs/nuxthub-remote-access.png"}
6+
:img{src="/images/docs/nuxthub-remote-access.png" alt="NuxtHub Remote Access" width="766" height="377"}
77

88
One of the main features of NuxtHub is the ability to access your remote storage from your local environment or from external Nuxt projects. This is made possible by our secured proxy system.
99

‎docs/content/docs/1.getting-started/5.server-logs.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ When you have a successful deployment, you can access to the logs of the deploym
99

1010
Logs are available under the `Server > Logs` section of your project page. You can also access to the logs of each successful deployment in the `Deployments` section.
1111

12-
:img{src="/images/landing/nuxthub-admin-server-logs.png" alt="NuxtHub Admin Server Logs" width="915" height="515" data-zoom-src="/images/landing/nuxthub-admin-server-logs.png" class="rounded"}
12+
:img{src="/images/landing/nuxthub-admin-server-logs.png" alt="NuxtHub Admin Server Logs" width="915" height="515"}
1313

1414
## NuxtHub CLI
1515

@@ -21,7 +21,7 @@ By default, the CLI will detect based on the current branch the canonical deploy
2121
npx nuxthub logs
2222
```
2323

24-
:img{src="/images/landing/nuxthub-cli-server-logs.png" alt="NuxtHub CLI Server Logs" width="915" height="515" data-zoom-src="/images/landing/nuxthub-cli-server-logs.png" class="rounded"}
24+
:img{src="/images/landing/nuxthub-cli-server-logs.png" alt="NuxtHub CLI Server Logs" width="915" height="515"}
2525

2626
### Production environment
2727

@@ -43,7 +43,7 @@ npx nuxthub logs --preview
4343

4444
Worker project types can enable Worker Logs and view the Workers Observability tab dashboard in Cloudflare. Learn more on the [Cloudflare documentation](https://developers.cloudflare.com/workers/observability/).
4545

46-
![Observability Overview](/images/docs/observability-overview.png)
46+
:img{src="/images/docs/observability-overview.png" alt="Observability Overview" width="915" height="515"}
4747

4848
::callout{to="https://dash.cloudflare.com/?to=/:account/workers/services/view/:worker/production/metrics/"}
4949
Go to the Workers Observability tab in the Cloudflare Dashboard

‎docs/content/docs/2.features/blob.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,10 +22,10 @@ This option will use Cloudflare platform proxy in development and automatically
2222

2323
::tabs
2424
::div{label="Nuxt DevTools"}
25-
:img{src="/images/landing/nuxt-devtools-blob.png" alt="Nuxt DevTools Blob" width="915" height="515" data-zoom-src="/images/landing/nuxt-devtools-blob.png"}
25+
:img{src="/images/landing/nuxt-devtools-blob.png" alt="Nuxt DevTools Blob" width="915" height="515"}
2626
::
2727
::div{label="NuxtHub Admin"}
28-
:img{src="/images/landing/nuxthub-admin-blob.png" alt="NuxtHub Admin Blob" width="915" height="515" data-zoom-src="/images/landing/nuxthub-admin-blob.png"}
28+
:img{src="/images/landing/nuxthub-admin-blob.png" alt="NuxtHub Admin Blob" width="915" height="515"}
2929
::
3030
::
3131

‎docs/content/docs/2.features/cache.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ This option will configure [Nitro's cache storage](https://nitro.build/guide/cac
2424

2525
Once your Nuxt project is deployed, you can manage your cache entries in the `Cache` section of your project in the [NuxtHub admin](https://admin.hub.nuxt.com/).
2626

27-
:img{src="/images/landing/nuxthub-admin-cache.png" alt="NuxtHub Admin Cache" width="915" height="515" data-zoom-src="/images/landing/nuxthub-admin-cache.png"}
27+
:img{src="/images/landing/nuxthub-admin-cache.png" alt="NuxtHub Admin Cache" width="915" height="515"}
2828

2929
In development, checkout the Hub Cache section in the Nuxt Devtools.
3030

‎docs/content/docs/2.features/database.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,10 +30,10 @@ During local development, you can view and edit your database in the Nuxt DevToo
3030

3131
::tabs
3232
::div{label="Nuxt DevTools"}
33-
:img{src="/images/landing/nuxt-devtools-database.png" alt="Nuxt DevTools Database" width="915" height="515" data-zoom-src="/images/landing/nuxt-devtools-database.png"}
33+
:img{src="/images/landing/nuxt-devtools-database.png" alt="Nuxt DevTools Database" width="915" height="515"}
3434
::
3535
::div{label="NuxtHub Admin"}
36-
:img{src="/images/landing/nuxthub-admin-database.png" alt="NuxtHub Admin Database" width="915" height="515" data-zoom-src="/images/landing/nuxthub-admin-database.png"}
36+
:img{src="/images/landing/nuxthub-admin-database.png" alt="NuxtHub Admin Database" width="915" height="515"}
3737
::
3838
::
3939

‎docs/content/docs/2.features/kv.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -31,10 +31,10 @@ You can inspect your KV namespace during local development in the Nuxt DevTools
3131

3232
::tabs
3333
::div{label="Nuxt DevTools"}
34-
:img{src="/images/landing/nuxt-devtools-kv.png" alt="Nuxt DevTools KV" width="915" height="515" data-zoom-src="/images/landing/nuxt-devtools-kv.png"}
34+
:img{src="/images/landing/nuxt-devtools-kv.png" alt="Nuxt DevTools KV" width="915" height="515"}
3535
::
36-
::div{label="NuxtHub Admin"}
37-
:img{src="/images/landing/nuxthub-admin-kv.png" alt="NuxtHub Admin KV" width="915" height="515" data-zoom-src="/images/landing/nuxthub-admin-kv.png"}
36+
::div{label="NuxtHub Admin"}
37+
:img{src="/images/landing/nuxthub-admin-kv.png" alt="NuxtHub Admin KV" width="915" height="515"}
3838
::
3939
::
4040

‎docs/content/docs/2.features/open-api.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ export default defineNuxtConfig({
2626

2727
After you deploy your project, NuxtHub Admin will showcase your API documentation using [Scalar](https://scalar.com).
2828

29-
:img{src="/images/landing/nuxthub-admin-open-api.png" alt="Nuxt Open API Scalar integration" width="915" height="515" data-zoom-src="/images/landing/nuxthub-admin-open-api.png"}
29+
:img{src="/images/landing/nuxthub-admin-open-api.png" alt="Nuxt Open API Scalar integration" width="915" height="515"}
3030

3131
You can define route handler meta (at build time) using the `defineRouteMeta` macro:
3232

@@ -53,4 +53,4 @@ It list all the API routes in your project as well as providing a playground to
5353

5454
Check out the [Nuxt DevTools](https://devtools.nuxt.com/) documentation for more information.
5555

56-
:img{src="/images/landing/nuxt-devtools-api-routes.png" alt="NuxtHub Admin Cache" width="915" height="515" data-zoom-src="/images/landing/nuxt-devtools-api-routes.png"}
56+
:img{src="/images/landing/nuxt-devtools-api-routes.png" alt="NuxtHub Admin Cache" width="915" height="515"}

‎docs/package.json

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,18 +19,17 @@
1919
"@nuxt/content": "^3.4.0",
2020
"@nuxt/image": "^1.10.0",
2121
"@nuxt/scripts": "^0.11.6",
22-
"@nuxt/ui-pro": "^3.1.0",
22+
"@nuxt/ui-pro": "^3.2.0",
2323
"@nuxtjs/plausible": "^1.2.0",
2424
"@rollup/plugin-yaml": "^4.1.2",
2525
"@tsparticles/engine": "^3.8.1",
2626
"@tsparticles/slim": "^3.8.1",
2727
"@vueuse/core": "^13.1.0",
2828
"@vueuse/nuxt": "^13.1.0",
2929
"feed": "^4.2.2",
30-
"medium-zoom": "^1.1.0",
3130
"nuxt": "^3.16.2",
3231
"nuxt-cloudflare-analytics": "^1.0.8",
3332
"nuxt-llms": "^0.1.2",
3433
"nuxt-og-image": "^5.1.2"
3534
}
36-
}
35+
}

‎playground/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
"@cloudflare/puppeteer": "^1.0.2",
1414
"@iconify-json/simple-icons": "^1.2.34",
1515
"@kgierke/nuxt-basic-auth": "^1.7.0",
16-
"@nuxt/ui": "^3.1.1",
16+
"@nuxt/ui": "^3.2.0",
1717
"@nuxthub/core": "latest",
1818
"@nuxtjs/mdc": "^0.17.0",
1919
"@vueuse/core": "^13.2.0",

0 commit comments

Comments
 (0)