Astro Light-Box

Folder Structure

├── .vscode/                    # VS Code settings folder
│   ├── settings.json           # Workspace settings
│   └── extensions.json         # Recommended extensions to install
├── example/                    # Preview Your component here
├── src/                        # Your component source code
│   ├── Component.astro         # Example component file
│   └── main.ts                 # Example source code file
├── test/                       # Your component tests
│   └── example.test.js         # Example tests
└── index.ts                    # Should contain all the exports your component provide to users

ESLint, Prettier and EditorConfig settings are respectively located in the following files: .eslintrc.js, .prettierrc.js and .editorconfig at the root of this template project.

Commands

The following npm scripts are provided to lint and format your project:

| Command | Action | | :--------------- | :------------------------------------------------------------ | | npm run test | Run tests using Mocha | | npm run format | Format your project using Prettier, this edits files in-place | | npm run lint | Lint your project using ESLint | | npm run dev | Run dev inside example project |

In VS Code, you can access those commands in the Explorer in the NPM Scripts section.