Comments (1)
@niktek @AdrianGonz97 currently I've accomplished the following on the linked PR:
- Removed the Vue package
- Update the dependencies for the React/Svelte packages
- Created an
index.ts
export for either package - Implemented the Skeleton Tailwind plugin (via workspaces) per package
- Implemented basic routing for the Vite/React project using vite-remix-router
- Create a simple split column navigation for either local package project (see screenshot below)
- Linked the React package to the Astro doc site using PNPM workspaces
- Linked the Svelte package to the Astro doc site using PNPM workspaces (but disabled due to error; described below)
We should now be able to test components both within their respective local package projects, as well as within the Astro doc site.
Local Project UI + Routing
Here's what the local project route navigation UI looks like:
Svelte Issue (on deployment only)
Per the Svelte project - I've sadly had to disable this from the Astro project. The moment it's linked via workspace settings the deployment fails. My guess is it's not happy with the package.json
settings -OR- something specifically about how the project is constructed.
In the Astro docs project you can quickly re-enable the Svelte package by doing the following:
- Within the
package.json
, add:"@skeletonlabs/skeleton-react": "workspace:^",
- Run
pnpm i
to ensure this is added - Open
/src/examples/resources/test/ExampleSvelte.svelte
and re-enable the import + component - This component is used in
/src/content/resources/test.mdx
- Point your browser to
/resources/test
to preview
Again this will work when tested locally, but cause the deployment to fail with the following errors:
I'd welcome you guys giving this a once over to help troubleshoot.
from skeleton.
Related Issues (20)
- Update Expressive Code blocks and use new text wrapping feature
- TreeViewItem does not work with Svelte 5 HOT 2
- Prune v2 changesets from the v3/next branch
- Add special comment to Tailwind config to enable HRM reloading on plugin changes
- Improve intermediate page navigation UI
- favicon.png HOT 2
- Modals prerequisites should also import Modal
- error in docs
- Progress Bars: discrepancy in usage code HOT 1
- Codeblocks with shiki highlighter HOT 3
- Modal rendering inconsistent. Disappearing Modals. HOT 1
- NEXT Iconography Docs
- Feature request: Support popular routers like svelte-spa-router and routify HOT 6
- React Form Handling HOT 1
- NEXT Date Picker and Date Handling HOT 1
- Installing with bun hits exception HOT 2
- Add accessibility attributes to Autocomplete HOT 2
- [Skeleton v2] - Light scrollbar is displayed instead of dark one on Opera browser HOT 7
- Autocomplete page: Add blurb about importing popup in popup section
- AppRailTile and AppRailAnchor default styling
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from skeleton.