nuxt-og-image 5.0.0 → 5.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/LICENSE.md +9 -9
  2. package/README.md +75 -75
  3. package/content.d.ts +1 -1
  4. package/dist/client/200.html +8 -8
  5. package/dist/client/404.html +8 -8
  6. package/dist/client/_nuxt/{Bo1uS48t.js → BErhJZHS.js} +84 -84
  7. package/dist/client/_nuxt/{CYDJSvzy.js → BJ-VdMey.js} +1 -1
  8. package/dist/client/_nuxt/{CFpYAtSQ.js → C3xJq9cd.js} +1 -1
  9. package/dist/client/_nuxt/builds/latest.json +1 -1
  10. package/dist/client/_nuxt/builds/meta/1e0b6882-0b3f-43dc-847a-1ebb7ef001f8.json +1 -0
  11. package/dist/client/_nuxt/{entry.DIcZUvwk.css → entry.BRaLQBto.css} +1 -1
  12. package/dist/client/_nuxt/error-404.fgpO3NGe.css +1 -0
  13. package/dist/client/_nuxt/error-500.kWBosm4f.css +1 -0
  14. package/dist/client/index.html +8 -8
  15. package/dist/content.d.cts +4 -4
  16. package/dist/content.d.mts +4 -4
  17. package/dist/content.d.ts +4 -4
  18. package/dist/module.cjs +8 -8
  19. package/dist/module.json +1 -1
  20. package/dist/module.mjs +8 -8
  21. package/dist/runtime/app/components/Templates/Community/BrandedLogo.vue +29 -29
  22. package/dist/runtime/app/components/Templates/Community/Frame.vue +64 -64
  23. package/dist/runtime/app/components/Templates/Community/Nuxt.vue +185 -185
  24. package/dist/runtime/app/components/Templates/Community/NuxtSeo.vue +137 -137
  25. package/dist/runtime/app/components/Templates/Community/Pergel.vue +103 -103
  26. package/dist/runtime/app/components/Templates/Community/SimpleBlog.vue +35 -35
  27. package/dist/runtime/app/components/Templates/Community/UnJs.vue +108 -108
  28. package/dist/runtime/app/components/Templates/Community/Wave.vue +34 -34
  29. package/dist/runtime/app/components/Templates/Community/WithEmoji.vue +28 -28
  30. package/dist/runtime/mock/empty.d.ts +2 -0
  31. package/dist/runtime/mock/empty.js +2 -0
  32. package/dist/runtime/mock/proxy-cjs.d.ts +2 -0
  33. package/dist/runtime/mock/proxy-cjs.js +2 -0
  34. package/dist/runtime/server/tsconfig.json +3 -3
  35. package/package.json +2 -1
  36. package/virtual.d.ts +71 -71
  37. package/dist/client/_nuxt/builds/meta/de133342-3461-4b6b-92c9-8baf41fe02f4.json +0 -1
  38. package/dist/client/_nuxt/error-404.DBXUC0YB.css +0 -1
  39. package/dist/client/_nuxt/error-500.D4U02ynV.css +0 -1
@@ -1,108 +1,108 @@
1
- <script setup lang="ts">
2
- import { computed } from '#imports'
3
-
4
- /**
5
- * @credits UnJS <https://unjs.io/>
6
- */
7
-
8
- const props = withDefaults(defineProps<{
9
- title?: string
10
- description?: string
11
- emoji?: string
12
- downloads?: string | number
13
- stars?: string | number
14
- contributors?: string | number
15
- }>(), {
16
- title: 'unjs/h3',
17
- description: 'Minimal H(TTP) framework built for high performance and portability',
18
- emoji: '⚡',
19
- downloads: '2500000',
20
- stars: '2400',
21
- contributors: '30',
22
- })
23
-
24
- const org = computed(() => props.title.split('/')[0])
25
- const repo = computed(() => props.title.split('/')[1])
26
-
27
- const stars = computed(() => {
28
- return new Intl.NumberFormat('en-US', { notation: 'compact', compactDisplay: 'short' }).format(Number(props.stars || 0))
29
- })
30
- const downloads = computed(() => new Intl.NumberFormat('en-US', { notation: 'compact', compactDisplay: 'short' })
31
- .format(Number(props.downloads || 0)),
32
- )
33
-
34
- const description = computed(() => (props.description || '').slice(0, 200))
35
- </script>
36
-
37
- <template>
38
- <div class="w-full h-full flex flex-col bg-white">
39
- <div class="pt-[60px] pb-[70px] px-[6.75rem] h-full flex flex-col justify-between">
40
- <div class="flex flex-row justify-between">
41
- <div class="max-w-[700px]">
42
- <h1 class="mb-[30px] max-w-[700px] text-[60px] text-gray-900 font-normal flex flex-row">
43
- <span>{{ org }}</span>
44
- <span v-if="repo" class="ml-2">/</span>
45
- <span v-if="repo" class="ml-2 font-bold">{{ repo }}</span>
46
- </h1>
47
- <p class="text-gray-500 max-w-[700px] text-[35px] leading-[60px]">
48
- {{ description }}
49
- </p>
50
- </div>
51
- <div class="text-[200px]">
52
- {{ emoji }}
53
- </div>
54
- </div>
55
- <div class="flex flex-row items-center justify-between">
56
- <div class="flex flex-row text-[40px]">
57
- <div class="flex flex-row pr-10">
58
- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#888888" d="m4.67 28l6.39-12l7.3 6.49a2 2 0 0 0 1.7.47a2 2 0 0 0 1.42-1.07L27 10.9l-1.82-.9l-5.49 11l-7.3-6.49a2 2 0 0 0-1.68-.51a2 2 0 0 0-1.42 1L4 25V2H2v26a2 2 0 0 0 2 2h26v-2Z" /></svg>
59
- <div class="pl-2">
60
- <div>{{ downloads }}</div>
61
- <div class="text-lg text-gray-600">
62
- Monthly Downloads
63
- </div>
64
- </div>
65
- </div>
66
- <div class="flex flex-row pr-10">
67
- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#888888" d="m16 6.52l2.76 5.58l.46 1l1 .15l6.16.89l-4.38 4.3l-.75.73l.18 1l1.05 6.13l-5.51-2.89L16 23l-.93.49l-5.51 2.85l1-6.13l.18-1l-.74-.77l-4.42-4.35l6.16-.89l1-.15l.46-1L16 6.52M16 2l-4.55 9.22l-10.17 1.47l7.36 7.18L6.9 30l9.1-4.78L25.1 30l-1.74-10.13l7.36-7.17l-10.17-1.48Z" /></svg>
68
- <div class="pl-2">
69
- <div>{{ stars }}</div>
70
- <div class="text-lg text-gray-600">
71
- Stars
72
- </div>
73
- </div>
74
- </div>
75
- <div class="flex flex-row pr-10">
76
- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#888888" d="M22.45 6a5.47 5.47 0 0 1 3.91 1.64a5.7 5.7 0 0 1 0 8L16 26.13L5.64 15.64a5.7 5.7 0 0 1 0-8a5.48 5.48 0 0 1 7.82 0l2.54 2.6l2.53-2.58A5.44 5.44 0 0 1 22.45 6m0-2a7.47 7.47 0 0 0-5.34 2.24L16 7.36l-1.11-1.12a7.49 7.49 0 0 0-10.68 0a7.72 7.72 0 0 0 0 10.82L16 29l11.79-11.94a7.72 7.72 0 0 0 0-10.82A7.49 7.49 0 0 0 22.45 4Z" /></svg>
77
- <div class="pl-2">
78
- <div>{{ contributors }}</div>
79
- <div class="text-lg text-gray-600">
80
- Contributors
81
- </div>
82
- </div>
83
- </div>
84
- </div>
85
- <div class="flex flex-row">
86
- <svg width="100" height="100" class="rounded-[0.25rem] w-[100px] h-[100px]" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
87
- <g clip-path="url(#clip0_206_4645)">
88
- <mask id="mask0_206_4645" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="32">
89
- <path d="M32 0H0V32H32V0Z" fill="white" />
90
- </mask>
91
- <g mask="url(#mask0_206_4645)">
92
- <path d="M31.9142 32.0223C21.2766 32.0223 10.6506 32.0223 0.0246745 32.0223C0.0238272 32.0194 0.0222373 32.0166 0.0222373 32.0137C0.0221323 21.3508 0.0221329 10.688 0.0221329 0.0236816C10.6877 0.0236816 21.3534 0.0236816 32.0206 0.0236816C32.0206 10.6878 32.0206 21.3533 32.0206 32.0223C31.9901 32.0223 31.958 32.0223 31.9142 32.0223ZM26.4121 20.9345C26.361 20.8762 26.3128 20.8153 26.2585 20.7601C25.6577 20.1492 24.9011 20.0218 24.0955 20.0946C23.3969 20.1577 22.7984 20.4652 22.2811 20.9345C22.2532 20.9598 22.2227 20.9823 22.1824 21.0151C22.1824 20.9497 22.185 20.902 22.182 20.8546C22.1669 20.6225 22.0579 20.4465 21.8514 20.3407C21.649 20.2371 21.4421 20.247 21.2512 20.3689C21.0389 20.5045 20.9665 20.713 20.9667 20.958C20.9682 22.7933 20.9675 24.6286 20.9675 26.4639C20.9675 26.5784 20.9652 26.693 20.968 26.8074C20.9751 27.102 21.1313 27.3354 21.3685 27.4101C21.7847 27.5411 22.1817 27.2525 22.1823 26.8136C22.1839 25.5543 22.1836 24.2951 22.1824 23.0359C22.1821 22.6812 22.2717 22.356 22.4979 22.0791C23.025 21.434 23.7075 21.1616 24.5332 21.2556C24.9353 21.3015 25.2602 21.4881 25.4831 21.8327C25.6923 22.1561 25.7639 22.5212 25.7668 22.8971C25.7747 23.9347 25.7716 24.9724 25.7727 26.01C25.7731 26.2943 25.7683 26.5788 25.7739 26.863C25.7826 27.3076 26.2605 27.5828 26.6518 27.3716C26.9007 27.2373 26.9891 27.0176 26.9888 26.7463C26.9873 25.5683 26.9907 24.3903 26.9862 23.2123C26.9852 22.9326 26.9757 22.6511 26.9432 22.3735C26.883 21.8589 26.7401 21.3697 26.4121 20.9345ZM18.7519 20.2768C18.6788 20.282 18.6027 20.2759 18.5331 20.2944C18.2433 20.3715 18.0835 20.6019 18.0833 20.9365C18.0826 22.1367 18.0851 23.337 18.081 24.5372C18.0803 24.7357 18.07 24.9372 18.035 25.1319C17.9425 25.6461 17.6668 26.0312 17.1721 26.2263C16.6902 26.4164 16.194 26.423 15.695 26.2875C15.3165 26.1848 15.0263 25.9676 14.8367 25.6226C14.7009 25.3752 14.6347 25.1055 14.6298 24.8266C14.6199 24.2617 14.6232 23.6966 14.6226 23.1316C14.6218 22.4004 14.6236 21.6691 14.6219 20.9379C14.6211 20.5778 14.3819 20.295 14.069 20.2767C13.6814 20.254 13.4081 20.518 13.4076 20.9221C13.4063 22.1556 13.4047 23.389 13.4085 24.6225C13.4099 25.0635 13.4572 25.4984 13.6251 25.9135C13.9436 26.701 14.5379 27.1764 15.3353 27.4077C15.8372 27.5533 16.3542 27.5622 16.8722 27.5012C17.2723 27.4541 17.6549 27.3449 18.0035 27.1424C18.8265 26.6641 19.2453 25.9203 19.2718 24.9916C19.3108 23.63 19.2949 22.2667 19.2963 20.9041C19.2968 20.5622 19.0957 20.3353 18.7519 20.2768Z" fill="#ECDC5A" />
93
- <path d="M26.4164 20.9411C26.7401 21.3697 26.883 21.8589 26.9432 22.3735C26.9757 22.6511 26.9852 22.9326 26.9862 23.2123C26.9907 24.3903 26.9873 25.5683 26.9888 26.7463C26.9891 27.0176 26.9007 27.2373 26.6518 27.3716C26.2605 27.5828 25.7825 27.3076 25.7739 26.863C25.7683 26.5787 25.773 26.2943 25.7728 26.01C25.7716 24.9723 25.7746 23.9347 25.7668 22.8971C25.7639 22.5212 25.6923 22.1561 25.4831 21.8327C25.2603 21.488 24.9353 21.3014 24.5332 21.2556C23.7076 21.1616 23.025 21.434 22.4979 22.0791C22.2718 22.356 22.182 22.6812 22.1824 23.0358C22.1836 24.2951 22.1839 25.5543 22.1823 26.8136C22.1817 27.2525 21.7847 27.5411 21.3686 27.4101C21.1313 27.3354 20.9751 27.102 20.968 26.8074C20.9653 26.6929 20.9676 26.5784 20.9676 26.4639C20.9676 24.6286 20.9682 22.7933 20.9667 20.9579C20.9665 20.713 21.039 20.5045 21.2512 20.3689C21.4421 20.2469 21.649 20.2371 21.8513 20.3407C22.0578 20.4465 22.1669 20.6224 22.182 20.8546C22.185 20.9019 22.1824 20.9497 22.1824 21.015C22.2227 20.9823 22.2532 20.9598 22.2811 20.9344C22.7984 20.4652 23.3969 20.1577 24.0955 20.0946C24.901 20.0218 25.6577 20.1492 26.2585 20.7601C26.3127 20.8153 26.361 20.8762 26.4164 20.9411Z" fill="#111827" />
94
- <path d="M18.7618 20.2773C19.0957 20.3354 19.2968 20.5622 19.2963 20.9041C19.2949 22.2667 19.3108 23.63 19.2718 24.9916C19.2453 25.9204 18.8265 26.6641 18.0035 27.1424C17.6549 27.345 17.2723 27.4542 16.8722 27.5012C16.3542 27.5622 15.8372 27.5534 15.3353 27.4078C14.5379 27.1764 13.9436 26.701 13.6251 25.9135C13.4572 25.4984 13.4099 25.0635 13.4085 24.6225C13.4047 23.3891 13.4063 22.1556 13.4076 20.9221C13.4081 20.518 13.6814 20.2541 14.069 20.2767C14.3819 20.2951 14.6211 20.5779 14.6219 20.938C14.6236 21.6692 14.6218 22.4004 14.6226 23.1316C14.6232 23.6966 14.6199 24.2618 14.6298 24.8266C14.6347 25.1055 14.7009 25.3753 14.8367 25.6226C15.0263 25.9677 15.3165 26.1848 15.695 26.2876C16.1939 26.423 16.6902 26.4164 17.1721 26.2263C17.6668 26.0313 17.9425 25.6461 18.035 25.132C18.07 24.9372 18.0803 24.7358 18.081 24.5373C18.0851 23.337 18.0826 22.1368 18.0833 20.9366C18.0835 20.602 18.2433 20.3715 18.5331 20.2944C18.6027 20.2759 18.6788 20.282 18.7618 20.2773Z" fill="#111827" />
95
- </g>
96
- </g>
97
- <defs>
98
- <clipPath id="clip0_206_4645">
99
- <rect width="32" height="32" rx="2" fill="white" />
100
- </clipPath>
101
- </defs>
102
- </svg>
103
- </div>
104
- </div>
105
- </div>
106
- <div class="absolute bottom-0 w-full h-8 bg-[#ECDC5A]" />
107
- </div>
108
- </template>
1
+ <script setup lang="ts">
2
+ import { computed } from '#imports'
3
+
4
+ /**
5
+ * @credits UnJS <https://unjs.io/>
6
+ */
7
+
8
+ const props = withDefaults(defineProps<{
9
+ title?: string
10
+ description?: string
11
+ emoji?: string
12
+ downloads?: string | number
13
+ stars?: string | number
14
+ contributors?: string | number
15
+ }>(), {
16
+ title: 'unjs/h3',
17
+ description: 'Minimal H(TTP) framework built for high performance and portability',
18
+ emoji: '⚡',
19
+ downloads: '2500000',
20
+ stars: '2400',
21
+ contributors: '30',
22
+ })
23
+
24
+ const org = computed(() => props.title.split('/')[0])
25
+ const repo = computed(() => props.title.split('/')[1])
26
+
27
+ const stars = computed(() => {
28
+ return new Intl.NumberFormat('en-US', { notation: 'compact', compactDisplay: 'short' }).format(Number(props.stars || 0))
29
+ })
30
+ const downloads = computed(() => new Intl.NumberFormat('en-US', { notation: 'compact', compactDisplay: 'short' })
31
+ .format(Number(props.downloads || 0)),
32
+ )
33
+
34
+ const description = computed(() => (props.description || '').slice(0, 200))
35
+ </script>
36
+
37
+ <template>
38
+ <div class="w-full h-full flex flex-col bg-white">
39
+ <div class="pt-[60px] pb-[70px] px-[6.75rem] h-full flex flex-col justify-between">
40
+ <div class="flex flex-row justify-between">
41
+ <div class="max-w-[700px]">
42
+ <h1 class="mb-[30px] max-w-[700px] text-[60px] text-gray-900 font-normal flex flex-row">
43
+ <span>{{ org }}</span>
44
+ <span v-if="repo" class="ml-2">/</span>
45
+ <span v-if="repo" class="ml-2 font-bold">{{ repo }}</span>
46
+ </h1>
47
+ <p class="text-gray-500 max-w-[700px] text-[35px] leading-[60px]">
48
+ {{ description }}
49
+ </p>
50
+ </div>
51
+ <div class="text-[200px]">
52
+ {{ emoji }}
53
+ </div>
54
+ </div>
55
+ <div class="flex flex-row items-center justify-between">
56
+ <div class="flex flex-row text-[40px]">
57
+ <div class="flex flex-row pr-10">
58
+ <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#888888" d="m4.67 28l6.39-12l7.3 6.49a2 2 0 0 0 1.7.47a2 2 0 0 0 1.42-1.07L27 10.9l-1.82-.9l-5.49 11l-7.3-6.49a2 2 0 0 0-1.68-.51a2 2 0 0 0-1.42 1L4 25V2H2v26a2 2 0 0 0 2 2h26v-2Z" /></svg>
59
+ <div class="pl-2">
60
+ <div>{{ downloads }}</div>
61
+ <div class="text-lg text-gray-600">
62
+ Monthly Downloads
63
+ </div>
64
+ </div>
65
+ </div>
66
+ <div class="flex flex-row pr-10">
67
+ <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#888888" d="m16 6.52l2.76 5.58l.46 1l1 .15l6.16.89l-4.38 4.3l-.75.73l.18 1l1.05 6.13l-5.51-2.89L16 23l-.93.49l-5.51 2.85l1-6.13l.18-1l-.74-.77l-4.42-4.35l6.16-.89l1-.15l.46-1L16 6.52M16 2l-4.55 9.22l-10.17 1.47l7.36 7.18L6.9 30l9.1-4.78L25.1 30l-1.74-10.13l7.36-7.17l-10.17-1.48Z" /></svg>
68
+ <div class="pl-2">
69
+ <div>{{ stars }}</div>
70
+ <div class="text-lg text-gray-600">
71
+ Stars
72
+ </div>
73
+ </div>
74
+ </div>
75
+ <div class="flex flex-row pr-10">
76
+ <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#888888" d="M22.45 6a5.47 5.47 0 0 1 3.91 1.64a5.7 5.7 0 0 1 0 8L16 26.13L5.64 15.64a5.7 5.7 0 0 1 0-8a5.48 5.48 0 0 1 7.82 0l2.54 2.6l2.53-2.58A5.44 5.44 0 0 1 22.45 6m0-2a7.47 7.47 0 0 0-5.34 2.24L16 7.36l-1.11-1.12a7.49 7.49 0 0 0-10.68 0a7.72 7.72 0 0 0 0 10.82L16 29l11.79-11.94a7.72 7.72 0 0 0 0-10.82A7.49 7.49 0 0 0 22.45 4Z" /></svg>
77
+ <div class="pl-2">
78
+ <div>{{ contributors }}</div>
79
+ <div class="text-lg text-gray-600">
80
+ Contributors
81
+ </div>
82
+ </div>
83
+ </div>
84
+ </div>
85
+ <div class="flex flex-row">
86
+ <svg width="100" height="100" class="rounded-[0.25rem] w-[100px] h-[100px]" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
87
+ <g clip-path="url(#clip0_206_4645)">
88
+ <mask id="mask0_206_4645" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="32">
89
+ <path d="M32 0H0V32H32V0Z" fill="white" />
90
+ </mask>
91
+ <g mask="url(#mask0_206_4645)">
92
+ <path d="M31.9142 32.0223C21.2766 32.0223 10.6506 32.0223 0.0246745 32.0223C0.0238272 32.0194 0.0222373 32.0166 0.0222373 32.0137C0.0221323 21.3508 0.0221329 10.688 0.0221329 0.0236816C10.6877 0.0236816 21.3534 0.0236816 32.0206 0.0236816C32.0206 10.6878 32.0206 21.3533 32.0206 32.0223C31.9901 32.0223 31.958 32.0223 31.9142 32.0223ZM26.4121 20.9345C26.361 20.8762 26.3128 20.8153 26.2585 20.7601C25.6577 20.1492 24.9011 20.0218 24.0955 20.0946C23.3969 20.1577 22.7984 20.4652 22.2811 20.9345C22.2532 20.9598 22.2227 20.9823 22.1824 21.0151C22.1824 20.9497 22.185 20.902 22.182 20.8546C22.1669 20.6225 22.0579 20.4465 21.8514 20.3407C21.649 20.2371 21.4421 20.247 21.2512 20.3689C21.0389 20.5045 20.9665 20.713 20.9667 20.958C20.9682 22.7933 20.9675 24.6286 20.9675 26.4639C20.9675 26.5784 20.9652 26.693 20.968 26.8074C20.9751 27.102 21.1313 27.3354 21.3685 27.4101C21.7847 27.5411 22.1817 27.2525 22.1823 26.8136C22.1839 25.5543 22.1836 24.2951 22.1824 23.0359C22.1821 22.6812 22.2717 22.356 22.4979 22.0791C23.025 21.434 23.7075 21.1616 24.5332 21.2556C24.9353 21.3015 25.2602 21.4881 25.4831 21.8327C25.6923 22.1561 25.7639 22.5212 25.7668 22.8971C25.7747 23.9347 25.7716 24.9724 25.7727 26.01C25.7731 26.2943 25.7683 26.5788 25.7739 26.863C25.7826 27.3076 26.2605 27.5828 26.6518 27.3716C26.9007 27.2373 26.9891 27.0176 26.9888 26.7463C26.9873 25.5683 26.9907 24.3903 26.9862 23.2123C26.9852 22.9326 26.9757 22.6511 26.9432 22.3735C26.883 21.8589 26.7401 21.3697 26.4121 20.9345ZM18.7519 20.2768C18.6788 20.282 18.6027 20.2759 18.5331 20.2944C18.2433 20.3715 18.0835 20.6019 18.0833 20.9365C18.0826 22.1367 18.0851 23.337 18.081 24.5372C18.0803 24.7357 18.07 24.9372 18.035 25.1319C17.9425 25.6461 17.6668 26.0312 17.1721 26.2263C16.6902 26.4164 16.194 26.423 15.695 26.2875C15.3165 26.1848 15.0263 25.9676 14.8367 25.6226C14.7009 25.3752 14.6347 25.1055 14.6298 24.8266C14.6199 24.2617 14.6232 23.6966 14.6226 23.1316C14.6218 22.4004 14.6236 21.6691 14.6219 20.9379C14.6211 20.5778 14.3819 20.295 14.069 20.2767C13.6814 20.254 13.4081 20.518 13.4076 20.9221C13.4063 22.1556 13.4047 23.389 13.4085 24.6225C13.4099 25.0635 13.4572 25.4984 13.6251 25.9135C13.9436 26.701 14.5379 27.1764 15.3353 27.4077C15.8372 27.5533 16.3542 27.5622 16.8722 27.5012C17.2723 27.4541 17.6549 27.3449 18.0035 27.1424C18.8265 26.6641 19.2453 25.9203 19.2718 24.9916C19.3108 23.63 19.2949 22.2667 19.2963 20.9041C19.2968 20.5622 19.0957 20.3353 18.7519 20.2768Z" fill="#ECDC5A" />
93
+ <path d="M26.4164 20.9411C26.7401 21.3697 26.883 21.8589 26.9432 22.3735C26.9757 22.6511 26.9852 22.9326 26.9862 23.2123C26.9907 24.3903 26.9873 25.5683 26.9888 26.7463C26.9891 27.0176 26.9007 27.2373 26.6518 27.3716C26.2605 27.5828 25.7825 27.3076 25.7739 26.863C25.7683 26.5787 25.773 26.2943 25.7728 26.01C25.7716 24.9723 25.7746 23.9347 25.7668 22.8971C25.7639 22.5212 25.6923 22.1561 25.4831 21.8327C25.2603 21.488 24.9353 21.3014 24.5332 21.2556C23.7076 21.1616 23.025 21.434 22.4979 22.0791C22.2718 22.356 22.182 22.6812 22.1824 23.0358C22.1836 24.2951 22.1839 25.5543 22.1823 26.8136C22.1817 27.2525 21.7847 27.5411 21.3686 27.4101C21.1313 27.3354 20.9751 27.102 20.968 26.8074C20.9653 26.6929 20.9676 26.5784 20.9676 26.4639C20.9676 24.6286 20.9682 22.7933 20.9667 20.9579C20.9665 20.713 21.039 20.5045 21.2512 20.3689C21.4421 20.2469 21.649 20.2371 21.8513 20.3407C22.0578 20.4465 22.1669 20.6224 22.182 20.8546C22.185 20.9019 22.1824 20.9497 22.1824 21.015C22.2227 20.9823 22.2532 20.9598 22.2811 20.9344C22.7984 20.4652 23.3969 20.1577 24.0955 20.0946C24.901 20.0218 25.6577 20.1492 26.2585 20.7601C26.3127 20.8153 26.361 20.8762 26.4164 20.9411Z" fill="#111827" />
94
+ <path d="M18.7618 20.2773C19.0957 20.3354 19.2968 20.5622 19.2963 20.9041C19.2949 22.2667 19.3108 23.63 19.2718 24.9916C19.2453 25.9204 18.8265 26.6641 18.0035 27.1424C17.6549 27.345 17.2723 27.4542 16.8722 27.5012C16.3542 27.5622 15.8372 27.5534 15.3353 27.4078C14.5379 27.1764 13.9436 26.701 13.6251 25.9135C13.4572 25.4984 13.4099 25.0635 13.4085 24.6225C13.4047 23.3891 13.4063 22.1556 13.4076 20.9221C13.4081 20.518 13.6814 20.2541 14.069 20.2767C14.3819 20.2951 14.6211 20.5779 14.6219 20.938C14.6236 21.6692 14.6218 22.4004 14.6226 23.1316C14.6232 23.6966 14.6199 24.2618 14.6298 24.8266C14.6347 25.1055 14.7009 25.3753 14.8367 25.6226C15.0263 25.9677 15.3165 26.1848 15.695 26.2876C16.1939 26.423 16.6902 26.4164 17.1721 26.2263C17.6668 26.0313 17.9425 25.6461 18.035 25.132C18.07 24.9372 18.0803 24.7358 18.081 24.5373C18.0851 23.337 18.0826 22.1368 18.0833 20.9366C18.0835 20.602 18.2433 20.3715 18.5331 20.2944C18.6027 20.2759 18.6788 20.282 18.7618 20.2773Z" fill="#111827" />
95
+ </g>
96
+ </g>
97
+ <defs>
98
+ <clipPath id="clip0_206_4645">
99
+ <rect width="32" height="32" rx="2" fill="white" />
100
+ </clipPath>
101
+ </defs>
102
+ </svg>
103
+ </div>
104
+ </div>
105
+ </div>
106
+ <div class="absolute bottom-0 w-full h-8 bg-[#ECDC5A]" />
107
+ </div>
108
+ </template>
@@ -1,34 +1,34 @@
1
- <script setup lang="ts">
2
- /**
3
- * @credits Full Stack Heroes <https://fullstackheroes.com/>
4
- */
5
-
6
- withDefaults(defineProps<{
7
- title?: string
8
- }>(), {
9
- title: 'title',
10
- })
11
- </script>
12
-
13
- <template>
14
- <div class="h-full w-full flex items-start justify-start bg-yellow-50 relative">
15
- <h1 class="text-7xl p-20 font-bold text-left text-gray-900">
16
- {{ title }}
17
- </h1>
18
-
19
- <svg
20
- class="absolute bottom-0 left-0 right-0"
21
- viewBox="0 0 1200 627"
22
- width="1200"
23
- height="627"
24
- xmlns="http://www.w3.org/2000/svg"
25
- >
26
- <path
27
- d="M0 513L28.5 509.8C57 506.7 114 500.3 171.2 484.5C228.3 468.7 285.7 443.3 342.8 435C400 426.7 457 435.3 514.2 447.3C571.3 459.3 628.7 474.7 685.8 490.7C743 506.7 800 523.3 857.2 522.5C914.3 521.7 971.7 503.3 1028.8 491.8C1086 480.3 1143 475.7 1171.5 473.3L1200 471L1200 628L1171.5 628C1143 628 1086 628 1028.8 628C971.7 628 914.3 628 857.2 628C800 628 743 628 685.8 628C628.7 628 571.3 628 514.2 628C457 628 400 628 342.8 628C285.7 628 228.3 628 171.2 628C114 628 57 628 28.5 628L0 628Z"
28
- fill="#fbbf24"
29
- strokeLinecap="round"
30
- strokeLinejoin="miter"
31
- />
32
- </svg>
33
- </div>
34
- </template>
1
+ <script setup lang="ts">
2
+ /**
3
+ * @credits Full Stack Heroes <https://fullstackheroes.com/>
4
+ */
5
+
6
+ withDefaults(defineProps<{
7
+ title?: string
8
+ }>(), {
9
+ title: 'title',
10
+ })
11
+ </script>
12
+
13
+ <template>
14
+ <div class="h-full w-full flex items-start justify-start bg-yellow-50 relative">
15
+ <h1 class="text-7xl p-20 font-bold text-left text-gray-900">
16
+ {{ title }}
17
+ </h1>
18
+
19
+ <svg
20
+ class="absolute bottom-0 left-0 right-0"
21
+ viewBox="0 0 1200 627"
22
+ width="1200"
23
+ height="627"
24
+ xmlns="http://www.w3.org/2000/svg"
25
+ >
26
+ <path
27
+ d="M0 513L28.5 509.8C57 506.7 114 500.3 171.2 484.5C228.3 468.7 285.7 443.3 342.8 435C400 426.7 457 435.3 514.2 447.3C571.3 459.3 628.7 474.7 685.8 490.7C743 506.7 800 523.3 857.2 522.5C914.3 521.7 971.7 503.3 1028.8 491.8C1086 480.3 1143 475.7 1171.5 473.3L1200 471L1200 628L1171.5 628C1143 628 1086 628 1028.8 628C971.7 628 914.3 628 857.2 628C800 628 743 628 685.8 628C628.7 628 571.3 628 514.2 628C457 628 400 628 342.8 628C285.7 628 228.3 628 171.2 628C114 628 57 628 28.5 628L0 628Z"
28
+ fill="#fbbf24"
29
+ strokeLinecap="round"
30
+ strokeLinejoin="miter"
31
+ />
32
+ </svg>
33
+ </div>
34
+ </template>
@@ -1,28 +1,28 @@
1
- <script setup lang="ts">
2
- /**
3
- * @credits Full Stack Heroes <https://fullstackheroes.com/>
4
- */
5
-
6
- withDefaults(defineProps<{
7
- emoji?: string
8
- title?: string
9
- }>(), {
10
- title: 'title',
11
- emoji: '👋',
12
- })
13
- </script>
14
-
15
- <template>
16
- <div class="h-full w-full flex items-start justify-start bg-sky-50">
17
- <div class="flex items-start justify-start h-full">
18
- <div class="flex flex-col justify-center items-center px-20 w-full h-full text-center">
19
- <p class="text-[120px] mx-auto text-center font-bold mb-0">
20
- {{ emoji }}
21
- </p>
22
- <h1 class="text-[60px] font-bold">
23
- {{ title }}
24
- </h1>
25
- </div>
26
- </div>
27
- </div>
28
- </template>
1
+ <script setup lang="ts">
2
+ /**
3
+ * @credits Full Stack Heroes <https://fullstackheroes.com/>
4
+ */
5
+
6
+ withDefaults(defineProps<{
7
+ emoji?: string
8
+ title?: string
9
+ }>(), {
10
+ title: 'title',
11
+ emoji: '👋',
12
+ })
13
+ </script>
14
+
15
+ <template>
16
+ <div class="h-full w-full flex items-start justify-start bg-sky-50">
17
+ <div class="flex items-start justify-start h-full">
18
+ <div class="flex flex-col justify-center items-center px-20 w-full h-full text-center">
19
+ <p class="text-[120px] mx-auto text-center font-bold mb-0">
20
+ {{ emoji }}
21
+ </p>
22
+ <h1 class="text-[60px] font-bold">
23
+ {{ title }}
24
+ </h1>
25
+ </div>
26
+ </div>
27
+ </div>
28
+ </template>
@@ -0,0 +1,2 @@
1
+ import empty from 'mocked-exports/empty';
2
+ export default empty;
@@ -0,0 +1,2 @@
1
+ import empty from "mocked-exports/empty";
2
+ export default empty;
@@ -0,0 +1,2 @@
1
+ import proxy from 'mocked-exports/proxy-cjs';
2
+ export default proxy;
@@ -0,0 +1,2 @@
1
+ import proxy from "mocked-exports/proxy-cjs";
2
+ export default proxy;
@@ -1,3 +1,3 @@
1
- {
2
- "extends": "../../../.nuxt/tsconfig.server.json"
3
- }
1
+ {
2
+ "extends": "../../../.nuxt/tsconfig.server.json"
3
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "nuxt-og-image",
3
3
  "type": "module",
4
- "version": "5.0.0",
4
+ "version": "5.0.2",
5
5
  "description": "Enlightened OG Image generation for Nuxt.",
6
6
  "author": {
7
7
  "website": "https://harlanzw.com",
@@ -64,6 +64,7 @@
64
64
  "execa": "^9.5.2",
65
65
  "image-size": "^2.0.0",
66
66
  "magic-string": "^0.30.17",
67
+ "mocked-exports": "^0.1.0",
67
68
  "nuxt-site-config": "^3.1.4",
68
69
  "nypm": "^0.6.0",
69
70
  "ofetch": "^1.4.1",
package/virtual.d.ts CHANGED
@@ -1,71 +1,71 @@
1
- declare module '#og-image/components' {
2
- import type { Component } from 'vue'
3
-
4
- const components: Record<string, Component>
5
- export default components
6
- }
7
- declare module '#og-image/renderers/satori' {
8
- import type Renderer from './src/runtime/types'
9
-
10
- const renderer: Renderer | { __unenv__: true } | undefined
11
- export default renderer
12
- }
13
- declare module '#og-image/renderers/chromium' {
14
- import type Renderer from './src/runtime/types'
15
-
16
- const renderer: Renderer | { __unenv__: true } | undefined
17
- export default renderer
18
- }
19
-
20
- declare module '#og-image/bindings/satori' {
21
- const satori: typeof import('satori').satori
22
- export default satori
23
- }
24
-
25
- declare module '#og-image/bindings/resvg' {
26
- interface WasmResvg {
27
- initWasmPromise: Promise<void>
28
- Resvg: import('resvg').Resvg
29
- }
30
- const instance: WasmResvg
31
- export default instance
32
- }
33
- declare module '#og-image/bindings/chromium' {
34
- export const createBrowser: () => Promise<Browser | void>
35
- }
36
-
37
- declare module '#og-image/bindings/css-inline' {
38
- import type _CssInline from 'css-inline'
39
-
40
- const cssInline: _CssInline
41
- export default cssInline
42
- }
43
-
44
- declare module '#og-image/bindings/sharp' {
45
- import type _sharp from 'sharp'
46
-
47
- const sharp: _sharp
48
- export default sharp
49
- }
50
-
51
- declare module '#og-image-virtual/component-names.mjs' {
52
- const componentNames: string[]
53
- export default componentNames
54
- }
55
-
56
- declare module '#og-image-virtual/unocss-config.mjs' {
57
- export const theme: Record<string, any>
58
- }
59
-
60
- declare module '#og-image-cache' {
61
- import type { OgImageOptions } from '#og-image/types'
62
- import type { Storage } from 'unstorage'
63
-
64
- export const htmlPayloadCache: Storage<{ expiresAt: number, value: OgImageOptions }>
65
-
66
- export const prerenderOptionsCache: Storage<OgImageOptions> | undefined
67
-
68
- export const fontCache: Storage<BufferSource> | undefined
69
-
70
- export const emojiCache: Storage<string>
71
- }
1
+ declare module '#og-image/components' {
2
+ import type { Component } from 'vue'
3
+
4
+ const components: Record<string, Component>
5
+ export default components
6
+ }
7
+ declare module '#og-image/renderers/satori' {
8
+ import type Renderer from './src/runtime/types'
9
+
10
+ const renderer: Renderer | { __unenv__: true } | undefined
11
+ export default renderer
12
+ }
13
+ declare module '#og-image/renderers/chromium' {
14
+ import type Renderer from './src/runtime/types'
15
+
16
+ const renderer: Renderer | { __unenv__: true } | undefined
17
+ export default renderer
18
+ }
19
+
20
+ declare module '#og-image/bindings/satori' {
21
+ const satori: typeof import('satori').satori
22
+ export default satori
23
+ }
24
+
25
+ declare module '#og-image/bindings/resvg' {
26
+ interface WasmResvg {
27
+ initWasmPromise: Promise<void>
28
+ Resvg: import('resvg').Resvg
29
+ }
30
+ const instance: WasmResvg
31
+ export default instance
32
+ }
33
+ declare module '#og-image/bindings/chromium' {
34
+ export const createBrowser: () => Promise<Browser | void>
35
+ }
36
+
37
+ declare module '#og-image/bindings/css-inline' {
38
+ import type _CssInline from 'css-inline'
39
+
40
+ const cssInline: _CssInline
41
+ export default cssInline
42
+ }
43
+
44
+ declare module '#og-image/bindings/sharp' {
45
+ import type _sharp from 'sharp'
46
+
47
+ const sharp: _sharp
48
+ export default sharp
49
+ }
50
+
51
+ declare module '#og-image-virtual/component-names.mjs' {
52
+ const componentNames: string[]
53
+ export default componentNames
54
+ }
55
+
56
+ declare module '#og-image-virtual/unocss-config.mjs' {
57
+ export const theme: Record<string, any>
58
+ }
59
+
60
+ declare module '#og-image-cache' {
61
+ import type { OgImageOptions } from '#og-image/types'
62
+ import type { Storage } from 'unstorage'
63
+
64
+ export const htmlPayloadCache: Storage<{ expiresAt: number, value: OgImageOptions }>
65
+
66
+ export const prerenderOptionsCache: Storage<OgImageOptions> | undefined
67
+
68
+ export const fontCache: Storage<BufferSource> | undefined
69
+
70
+ export const emojiCache: Storage<string>
71
+ }
@@ -1 +0,0 @@
1
- {"id":"de133342-3461-4b6b-92c9-8baf41fe02f4","timestamp":1741396105597,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}
@@ -1 +0,0 @@
1
- .spotlight[data-v-668d93cb]{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);bottom:-30vh;filter:blur(20vh);height:40vh}.gradient-border[data-v-668d93cb]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;position:relative}@media (prefers-color-scheme:light){.gradient-border[data-v-668d93cb]{background-color:#ffffff4d}.gradient-border[data-v-668d93cb]:before{background:linear-gradient(90deg,#e2e2e2,#e2e2e2 25%,#00dc82,#36e4da 75%,#0047e1)}}@media (prefers-color-scheme:dark){.gradient-border[data-v-668d93cb]{background-color:#1414144d}.gradient-border[data-v-668d93cb]:before{background:linear-gradient(90deg,#303030,#303030 25%,#00dc82,#36e4da 75%,#0047e1)}}.gradient-border[data-v-668d93cb]:before{background-size:400% auto;border-radius:.5rem;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;padding:2px;position:absolute;right:0;top:0;transition:background-position .3s ease-in-out,opacity .2s ease-in-out;width:100%}.gradient-border[data-v-668d93cb]:hover:before{background-position:-50% 0;opacity:1}.fixed[data-v-668d93cb]{position:fixed}.left-0[data-v-668d93cb]{left:0}.right-0[data-v-668d93cb]{right:0}.z-10[data-v-668d93cb]{z-index:10}.z-20[data-v-668d93cb]{z-index:20}.grid[data-v-668d93cb]{display:grid}.mb-16[data-v-668d93cb]{margin-bottom:4rem}.mb-8[data-v-668d93cb]{margin-bottom:2rem}.max-w-520px[data-v-668d93cb]{max-width:520px}.min-h-screen[data-v-668d93cb]{min-height:100vh}.w-full[data-v-668d93cb]{width:100%}.flex[data-v-668d93cb]{display:flex}.cursor-pointer[data-v-668d93cb]{cursor:pointer}.place-content-center[data-v-668d93cb]{place-content:center}.items-center[data-v-668d93cb]{align-items:center}.justify-center[data-v-668d93cb]{justify-content:center}.overflow-hidden[data-v-668d93cb]{overflow:hidden}.bg-white[data-v-668d93cb]{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.px-4[data-v-668d93cb]{padding-left:1rem;padding-right:1rem}.px-8[data-v-668d93cb]{padding-left:2rem;padding-right:2rem}.py-2[data-v-668d93cb]{padding-bottom:.5rem;padding-top:.5rem}.text-center[data-v-668d93cb]{text-align:center}.text-8xl[data-v-668d93cb]{font-size:6rem;line-height:1}.text-xl[data-v-668d93cb]{font-size:1.25rem;line-height:1.75rem}.text-black[data-v-668d93cb]{--un-text-opacity:1;color:rgb(0 0 0/var(--un-text-opacity))}.font-light[data-v-668d93cb]{font-weight:300}.font-medium[data-v-668d93cb]{font-weight:500}.leading-tight[data-v-668d93cb]{line-height:1.25}.font-sans[data-v-668d93cb]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.antialiased[data-v-668d93cb]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){.dark\:bg-black[data-v-668d93cb]{--un-bg-opacity:1;background-color:rgb(0 0 0/var(--un-bg-opacity))}.dark\:text-white[data-v-668d93cb]{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}}@media (min-width:640px){.sm\:px-0[data-v-668d93cb]{padding-left:0;padding-right:0}.sm\:px-6[data-v-668d93cb]{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-3[data-v-668d93cb]{padding-bottom:.75rem;padding-top:.75rem}.sm\:text-4xl[data-v-668d93cb]{font-size:2.25rem;line-height:2.5rem}.sm\:text-xl[data-v-668d93cb]{font-size:1.25rem;line-height:1.75rem}}
@@ -1 +0,0 @@
1
- .spotlight[data-v-bd853229]{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);filter:blur(20vh)}.fixed[data-v-bd853229]{position:fixed}.-bottom-1\/2[data-v-bd853229]{bottom:-50%}.left-0[data-v-bd853229]{left:0}.right-0[data-v-bd853229]{right:0}.grid[data-v-bd853229]{display:grid}.mb-16[data-v-bd853229]{margin-bottom:4rem}.mb-8[data-v-bd853229]{margin-bottom:2rem}.h-1\/2[data-v-bd853229]{height:50%}.max-w-520px[data-v-bd853229]{max-width:520px}.min-h-screen[data-v-bd853229]{min-height:100vh}.place-content-center[data-v-bd853229]{place-content:center}.overflow-hidden[data-v-bd853229]{overflow:hidden}.bg-white[data-v-bd853229]{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.px-8[data-v-bd853229]{padding-left:2rem;padding-right:2rem}.text-center[data-v-bd853229]{text-align:center}.text-8xl[data-v-bd853229]{font-size:6rem;line-height:1}.text-xl[data-v-bd853229]{font-size:1.25rem;line-height:1.75rem}.text-black[data-v-bd853229]{--un-text-opacity:1;color:rgb(0 0 0/var(--un-text-opacity))}.font-light[data-v-bd853229]{font-weight:300}.font-medium[data-v-bd853229]{font-weight:500}.leading-tight[data-v-bd853229]{line-height:1.25}.font-sans[data-v-bd853229]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.antialiased[data-v-bd853229]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){.dark\:bg-black[data-v-bd853229]{--un-bg-opacity:1;background-color:rgb(0 0 0/var(--un-bg-opacity))}.dark\:text-white[data-v-bd853229]{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}}@media (min-width:640px){.sm\:px-0[data-v-bd853229]{padding-left:0;padding-right:0}.sm\:text-4xl[data-v-bd853229]{font-size:2.25rem;line-height:2.5rem}}