### Install Dependencies Source: https://github.com/incluud/accessible-astro-components/blob/main/AGENTS.md Install project dependencies using npm. This is the first step in setting up the development environment. ```bash npm install ``` -------------------------------- ### Quick Start with Accordion Component Source: https://github.com/incluud/accessible-astro-components/blob/main/README.md A basic example demonstrating how to import and use the Accordion and AccordionItem components in an Astro file. This sets up a simple expandable section. ```astro --- import { Accordion, AccordionItem } from 'accessible-astro-components' --- Content for the first item... ``` -------------------------------- ### Install Accessible Astro Components Source: https://github.com/incluud/accessible-astro-components/blob/main/README.md Install the library using npm, pnpm, or yarn. This is the first step to using the components in your Astro project. ```bash # npm npm install accessible-astro-components # pnpm pnpm add accessible-astro-components # yarn yarn add accessible-astro-components ``` -------------------------------- ### Conventional Commits Examples Source: https://github.com/incluud/accessible-astro-components/blob/main/AGENTS.md Examples of commit messages using the conventional commits format for different types of changes. ```bash feat(badge): add pulse animation variant fix(modal): resolve focus trap issue on mobile a11y(tabs): improve keyboard navigation docs(avatar): update API documentation ``` -------------------------------- ### Component File Structure Source: https://github.com/incluud/accessible-astro-components/blob/main/AGENTS.md Standard directory and file naming conventions for Astro components within the 'src/components' directory. ```bash src/components/[component-name]/ ├── ComponentName.astro # Main component file └── SubComponent.astro # Sub-components if needed (e.g., AccordionItem) ``` -------------------------------- ### Format Code with Prettier Source: https://github.com/incluud/accessible-astro-components/blob/main/AGENTS.md Format the project code using Prettier. This command ensures consistent code style across the project. ```bash npx prettier --write . ``` -------------------------------- ### Link Local Component Library Source: https://github.com/incluud/accessible-astro-components/blob/main/AGENTS.md Link the local component library to a consuming project for local testing. This involves running 'npm link' in both the component library and the consuming project directories. ```bash # From the components directory npm link # Then in consuming project (starter/dashboard/docs) cd ../accessible-astro-starter npm link accessible-astro-components ``` -------------------------------- ### Publishing to NPM Command Source: https://github.com/incluud/accessible-astro-components/blob/main/AGENTS.md Command to publish the package to NPM. Ensure version is updated and tests are passed before publishing. ```bash npm publish ``` -------------------------------- ### Updating Consuming Project Command Source: https://github.com/incluud/accessible-astro-components/blob/main/AGENTS.md Command to update the 'accessible-astro-components' package in a consuming project. This should be done after publishing a new version. ```bash cd ../accessible-astro-starter npm update accessible-astro-components ``` -------------------------------- ### Conventional Commits Format Source: https://github.com/incluud/accessible-astro-components/blob/main/AGENTS.md Format for commit messages following conventional commits. Includes type, scope, and subject, with an optional body. ```bash type(scope): subject [optional body] ``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.