@mannisto/astro-metadata 1.0.0-alpha.4 → 1.0.0-alpha.5
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.
- package/README.md +4 -32
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -84,8 +84,6 @@ import Layout from "../layouts/Layout.astro"
|
|
|
84
84
|
|
|
85
85
|
Best for simple sites where pages pass metadata as props to their layout.
|
|
86
86
|
|
|
87
|
-
---
|
|
88
|
-
|
|
89
87
|
### 2. Individual components
|
|
90
88
|
|
|
91
89
|
Use components directly inside your own `<head>`. Useful when you only need specific pieces, or want full control over the structure.
|
|
@@ -125,8 +123,6 @@ import { Title, Description, OpenGraph, Favicon } from "@mannisto/astro-metadata
|
|
|
125
123
|
|
|
126
124
|
Best for when you want to compose only what you need, or when `Head` is too opinionated for your setup.
|
|
127
125
|
|
|
128
|
-
---
|
|
129
|
-
|
|
130
126
|
### 3. Metadata utility
|
|
131
127
|
|
|
132
128
|
Set metadata in your page, resolve it in your layout. Eliminates prop drilling through nested layout layers.
|
|
@@ -176,8 +172,6 @@ const meta = Metadata.resolve({
|
|
|
176
172
|
|
|
177
173
|
Best for sites with deeply nested layouts, or when you want to keep metadata co-located with page content.
|
|
178
174
|
|
|
179
|
-
---
|
|
180
|
-
|
|
181
175
|
## Components
|
|
182
176
|
|
|
183
177
|
<details>
|
|
@@ -194,8 +188,6 @@ Renders a canonical link tag. Falls back to `Astro.url.href` when no value is pr
|
|
|
194
188
|
|
|
195
189
|
</details>
|
|
196
190
|
|
|
197
|
-
---
|
|
198
|
-
|
|
199
191
|
<details>
|
|
200
192
|
<summary><strong>Description</strong></summary>
|
|
201
193
|
```astro
|
|
@@ -208,8 +200,6 @@ Renders a canonical link tag. Falls back to `Astro.url.href` when no value is pr
|
|
|
208
200
|
|
|
209
201
|
</details>
|
|
210
202
|
|
|
211
|
-
---
|
|
212
|
-
|
|
213
203
|
<details>
|
|
214
204
|
<summary><strong>Favicon</strong></summary>
|
|
215
205
|
|
|
@@ -219,10 +209,10 @@ Favicon support with light and dark mode variants and automatic MIME type detect
|
|
|
219
209
|
icons={[
|
|
220
210
|
{ path: "/favicon.ico" },
|
|
221
211
|
{ path: "/favicon.svg" },
|
|
222
|
-
{ path: "/favicon-96x96.png",
|
|
223
|
-
{ path: "/apple-touch-icon.png",
|
|
224
|
-
{ path: "/favicon-dark.svg",
|
|
225
|
-
{ path: "/favicon-light.svg",
|
|
212
|
+
{ path: "/favicon-96x96.png", size: 96 },
|
|
213
|
+
{ path: "/apple-touch-icon.png", size: 180, apple: true },
|
|
214
|
+
{ path: "/favicon-dark.svg", theme: "dark" },
|
|
215
|
+
{ path: "/favicon-light.svg", theme: "light" },
|
|
226
216
|
]}
|
|
227
217
|
manifest="/site.webmanifest"
|
|
228
218
|
/>
|
|
@@ -244,8 +234,6 @@ Favicon support with light and dark mode variants and automatic MIME type detect
|
|
|
244
234
|
|
|
245
235
|
</details>
|
|
246
236
|
|
|
247
|
-
---
|
|
248
|
-
|
|
249
237
|
<details>
|
|
250
238
|
<summary><strong>Head</strong></summary>
|
|
251
239
|
|
|
@@ -301,8 +289,6 @@ Wraps the entire page head and composes all sub-components internally. Charset a
|
|
|
301
289
|
|
|
302
290
|
</details>
|
|
303
291
|
|
|
304
|
-
---
|
|
305
|
-
|
|
306
292
|
<details>
|
|
307
293
|
<summary><strong>Keywords</strong></summary>
|
|
308
294
|
```astro
|
|
@@ -315,8 +301,6 @@ Wraps the entire page head and composes all sub-components internally. Charset a
|
|
|
315
301
|
|
|
316
302
|
</details>
|
|
317
303
|
|
|
318
|
-
---
|
|
319
|
-
|
|
320
304
|
<details>
|
|
321
305
|
<summary><strong>LanguageAlternates</strong></summary>
|
|
322
306
|
|
|
@@ -339,8 +323,6 @@ Renders `<link rel="alternate" hreflang>` tags for multilingual sites. Tells sea
|
|
|
339
323
|
|
|
340
324
|
</details>
|
|
341
325
|
|
|
342
|
-
---
|
|
343
|
-
|
|
344
326
|
<details>
|
|
345
327
|
<summary><strong>OpenGraph</strong></summary>
|
|
346
328
|
|
|
@@ -376,8 +358,6 @@ Renders Open Graph meta tags for rich previews when your pages are shared on soc
|
|
|
376
358
|
|
|
377
359
|
</details>
|
|
378
360
|
|
|
379
|
-
---
|
|
380
|
-
|
|
381
361
|
<details>
|
|
382
362
|
<summary><strong>Robots</strong></summary>
|
|
383
363
|
|
|
@@ -399,8 +379,6 @@ Controls how search engines crawl and index your page. Defaults to `index, follo
|
|
|
399
379
|
|
|
400
380
|
</details>
|
|
401
381
|
|
|
402
|
-
---
|
|
403
|
-
|
|
404
382
|
<details>
|
|
405
383
|
<summary><strong>Schema</strong></summary>
|
|
406
384
|
|
|
@@ -422,8 +400,6 @@ Outputs a `<script type="application/ld+json">` tag for structured data. Use it
|
|
|
422
400
|
|
|
423
401
|
</details>
|
|
424
402
|
|
|
425
|
-
---
|
|
426
|
-
|
|
427
403
|
<details>
|
|
428
404
|
<summary><strong>Title</strong></summary>
|
|
429
405
|
|
|
@@ -439,8 +415,6 @@ Renders the `<title>` tag. The template must contain `%s`, which is replaced wit
|
|
|
439
415
|
|
|
440
416
|
</details>
|
|
441
417
|
|
|
442
|
-
---
|
|
443
|
-
|
|
444
418
|
<details>
|
|
445
419
|
<summary><strong>Twitter</strong></summary>
|
|
446
420
|
|
|
@@ -469,8 +443,6 @@ Renders Twitter card meta tags for rich previews on X. When used inside `Head`,
|
|
|
469
443
|
|
|
470
444
|
</details>
|
|
471
445
|
|
|
472
|
-
---
|
|
473
|
-
|
|
474
446
|
## License
|
|
475
447
|
|
|
476
448
|
MIT © [Ere Männistö](https://github.com/eremannisto)
|
package/package.json
CHANGED