https://github.com/natemoo-re/astro-capo

https://github.com/natemoo-re/astro-capo

Last synced: 13 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/natemoo-re/astro-capo
• Owner: natemoo-re
• License: mit
• Created: 2023-08-26T18:18:34.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-28T22:24:47.000Z (about 1 year ago)
• Last Synced: 2024-10-26T17:46:48.049Z (18 days ago)
• Language: TypeScript
• Size: 58.6 KB
• Stars: 62
• Watchers: 5
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Capo.js for Astro

Get your `` in order—automatically!

`astro-capo` is a component that automatically optimizes the order of elements in your ``, adapted from [Rick Viscomi](https://twitter.com/rick_viscomi)'s wonderful `capo.js` library.

Unlike [`capo.js`](https://rviscomi.github.io/capo.js/), which makes it easy to debug the optimal order of your `` in the browser, `astro-capo` automatically optimizes your `` on the server while rendering your page.

## Usage

Replace your regular `` element with our custom `` component. That's it!

```astro

---

import { Head } from 'astro-capo'

---

	

		

		

		

		

		Astro

	

	

		
Astro

	


```