https://github.com/jackchoumine/stencil-test-component
test stencil component with vue
https://github.com/jackchoumine/stencil-test-component
Last synced: 8 months ago
JSON representation
test stencil component with vue
- Host: GitHub
- URL: https://github.com/jackchoumine/stencil-test-component
- Owner: jackchoumine
- License: mit
- Created: 2021-11-20T19:25:44.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2022-01-16T12:48:25.000Z (almost 4 years ago)
- Last Synced: 2025-01-17T13:30:07.038Z (10 months ago)
- Language: TypeScript
- Size: 104 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# Stencil Component Starter
## Getting Started
To start building a new web component using Stencil, clone this repo to a new directory:
```bash
git clone https://github.com/ionic-team/stencil-component-starter.git my-component
cd my-component
git remote rm origin
```
and run:
```bash
npm install
npm start
```
To build the component for production, run:
```bash
npm run build
```
To run the unit tests for the components, run:
```bash
npm test
```
Need help? Check out our docs [here](https://stenciljs.com/docs/my-first-component).
## Using this component
There are three strategies we recommend for using web components built with Stencil.
The first step for all three of these strategies is to [publish to NPM](https://docs.npmjs.com/getting-started/publishing-npm-packages).
### Script tag
- Put a script tag similar to this `` in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc
### Node Modules
- Run `npm install my-component --save`
- Put a script tag similar to this `` in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc
### In a stencil-starter app
- Run `npm install my-component --save`
- Add an import to the npm packages `import my-component;`
- Then you can use the element anywhere in your template, JSX, html etc