https://github.com/oliverspeir/astro-shoelace

https://github.com/oliverspeir/astro-shoelace

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/oliverspeir/astro-shoelace
• Owner: OliverSpeir
• Created: 2024-03-24T07:11:50.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-20T01:20:41.000Z (8 months ago)
• Last Synced: 2024-04-20T02:28:26.948Z (8 months ago)
• Language: Astro
• Homepage: https://astro-shoelace.pages.dev
• Size: 56.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# proof of concept

Client side Shoelace Components in Astro

## TO DO 

- SSR with [Astro Lit Integration](https://docs.astro.build/en/guides/integrations-guide/lit/)

## Details

See [index.astro](./src/pages/index.astro) and [astro.config.ts](./astro.config.ts)

- https://shoelace.style/getting-started/installation#bundling

-  ~19.9kb of js and ~4.5kb css for the tooltip

- https://github.com/sapphi-red/vite-plugin-static-copy

  - Inspired by: https://github.com/gongfudev/new-astro-repo/tree/main

 

- I also tested this out with tailwind class based dark mode to switch between shoelace's default dark and light themes, and it was relatively simple, just copy paste the dark theme css into a `global.css` and put it in the `html.dark` selector