Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/basics/vue-semantic-structure

Helper for semantic HTML structure.
https://github.com/basics/vue-semantic-structure

semantic structure vue

Last synced: 3 days ago
JSON representation

Helper for semantic HTML structure.

Awesome Lists containing this project

README

        

![vue-semantic-structure][poster]

# Vue Semantic Structure

[![main][github-workflow-main-src]][github-workflow-main-href]
[![next][github-workflow-next-src]][github-workflow-next-href]

[![npm version][npm-version-latest-src]][npm-version-latest-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]

[![Renovate - Status][renovate-status-src]][renovate-status-href]
[![License][license-src]][license-href]

- [✨   **Release Notes**](./CHANGELOG.md)
- [👁   **Example**](https://basics.github.io/vue-semantic-structure/playground)

## Getting Started

Please follow the [📖   **Documentation**](https://basics.github.io/vue-semantic-structure/)

## Requirements

- Vue `>= 3`

## Features

- 🚀 Standardize the headline structure on large projects.
- ✨ Automatic heading levels (`h1`, `h2`, `h3`, `h4`, `h5`, `h6`)
- 🏗️ Easy way to build semantic html structure (`main`, `article`, `section`)

📖   [Read more](https://basics.github.io/vue-semantic-structure/)

## Development

1. Clone this repository.
2. Install dependencies using `npm install` or `yarn install`.
3. Start development server using `npm run dev` or `yarn dev`.

## License

[MIT License](./LICENSE)

[poster]: https://github.com/user-attachments/assets/3178bd8c-4d78-40df-81d8-ef9626236217 "vue-semantic-structure"

[renovate-status-src]:
[renovate-status-href]:

[github-workflow-main-src]:
[github-workflow-main-href]:
[github-workflow-next-src]:
[github-workflow-next-href]:

[license-src]: https://img.shields.io/npm/l/vue-semantic-structure.svg?style=flat-square
[license-href]: https://npmjs.com/package/vue-semantic-structure

[npm-version-latest-src]: https://img.shields.io/npm/v/vue-semantic-structure/latest.svg?
[npm-version-latest-href]: https://npmjs.com/package/vue-semantic-structure/v/latest

[npm-downloads-src]: https://img.shields.io/npm/dt/vue-semantic-structure.svg?style=flat-square
[npm-downloads-href]: https://npmjs.com/package/vue-semantic-structure