Web component that lets you see info cards for keywords from the Lancer TTRPG
npm install lancer-keywordWeb component that lets you see info cards for keywords from the Lancer TTRPG
``bash`
npm i lancer-keyword
`html
`
html
Alternative Keyword
`$3
If you cannot use JS objects within your HTML, you can type in the keyword category & keyword manually, seperated by a '/' into the 'alt' attribute.
`html
`$3
To use with frameworks like React, you might need adapters for web components like @lit/react, or you might need to add definitions or otherwise edit configs. Check with your framework's documentation.
Local Development with
web-dev-serverFirst, make sure to install all the node modules:
`bash
npm install
`Once you've done so, open two terminals, and run each of these commands seperately:
`bash
npm run watch
`
`bash
npm run dev
`To run a local development server that serves the index.html file as an entry for the project.
Linting and formatting
To scan the project for linting and formatting errors, run
`bash
npm run lint
`To automatically fix linting and formatting errors, run
`bash
npm run format
`Testing with Web Test Runner
To execute a single test run:
`bash
npm run test
`To run the tests in interactive watch mode run:
`bash
npm run test:watch
``This repository was created via open-wc.
"Lancer-keywords" is not an official Lancer product; it is a third party work, and is not affiliated with Massif Press. "Lancer-keywords" is published via the _Lancer_ Third Party License.
_Lancer_ is copyright Massif Press