https://github.com/marko-js/tags-api-preview
Preview the Marko 6 "Tags API" in Marko 5!
https://github.com/marko-js/tags-api-preview
Last synced: 8 months ago
JSON representation
Preview the Marko 6 "Tags API" in Marko 5!
- Host: GitHub
- URL: https://github.com/marko-js/tags-api-preview
- Owner: marko-js
- License: mit
- Created: 2021-06-25T22:40:45.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2025-02-28T23:28:00.000Z (10 months ago)
- Last Synced: 2025-04-09T19:17:36.030Z (8 months ago)
- Language: TypeScript
- Size: 1.39 MB
- Stars: 23
- Watchers: 4
- Forks: 7
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
@marko/tags-api-preview
A glimpse into the future of Marko.
For more information, check out [the announcement article](https://dev.to/ryansolid/introducing-the-marko-tags-api-preview-37o4)!
# Installation
```console
npm install @marko/tags-api-preview
```
After installing the `tags-api-preview` in your project, you can immediately start using new tags and features.
You can use "tags api" templates along side your existing "class api" templates. A [set of heuristics](#heuristics) is used to determine if the "tags api" should be enabled.
# Examples
```marko
${count}
Click me!
```
```marko
Click me
```
# Heuristics
When `@marko/tags-api-preview` is installed, using any of the following opts into the "tags api" on a per template level:
- tag variable syntax (`
`).
- any new tag (``, ``, ``, etc).
- usage of the attribute binding syntax (``).
- a `` comment at the top of the template
There are some features that are disabled when opting into the tags api. Those features will display errors when used.
# Code of Conduct
This project adheres to the [eBay Code of Conduct](./.github/CODE_OF_CONDUCT.md). By participating in this project you agree to abide by its terms.