如何将鞋带组件库添加到现有Stencil.js项目中

npm install -g @stencil/core

npm install shoelace

import { Button } from 'shoelace';

import { Component, h } from '@stencil/core';
import { Button } from 'shoelace';

@Component({
  tag: 'my-component',
  styleUrl: 'my-component.css',
  shadow: true,
})
export class MyComponent {
  render() {
    return (
      <div>
        <Button>Hello Shoelace!</Button>
      </div>
    );
  }
}

import { Component, h } from '@stencil/core';

@Component({
  tag: 'another-component',
  styleUrl: 'another-component.css',
  shadow: true,
})
export class AnotherComponent {
  render() {
    return (
      <div>
        <my-component></my-component>
      </div>
    );
  }
}