Web Components support with Lit Elements

[itaymendel]

Web Components allows us create reuse-able custom elements that encapsulate their functionality from the consuming application.
Lit is a framework for building custom elements on top of the Web Components standards.

If you want to build and share Web Components with Bit, you can now use this Lit aspect in your Bit workspace.
The Lit Component Development Environment features:

• Workspace template to get started quickly.
• Component generator to simplify creation of components.
• Native Jest support for testing.
• Native TypeScript support.
• Rendering with HTML.
• Component documentation driven by MD or MDX with live playground.

Additional resources:

• Lit aspect shared on Bit.dev
• Code repository on GitHub

Getting started

Make sure you have Bit installed on your computer.

To create a new workspace from a template run the following command:

bit new lit my-lit-workspace --aspect teambit.web-components/lit

cd to project directory and open workspace.jsonc to configure the workspace to your liking.

Create your first component:

bit create lit my-component

Ensure all dependencies installed:

bit install

Start the local dev server:

bit start

From here you can tag and export Web Components and use them in any web application!

[rapitkan]

Lit workspace is just what I've been looking for and it almost works fine. There are only two errors on the project template.

Would you @itaymendel have the knowledge of solving those issues? How to please typescript?