WebComponents.dev

Prism

Source file extensions: .prism

Prism is an experimental compiler that takes declarative component definitions and creates lightweight web apps.

WARNING

Prism is no longer in development. It may not be suported by WebComponents.dev in the future.

References

Quick example

index.prism

<template>
  <h3>Counter</h3>
  <h5 $title="count">Current count: {count}</h5>
  <button @click="increment">Increment</button>
</template>

<script>
  @Default({ count: 0 })
  class CounterComponent extends Component<{ count: number }> {
    increment() {
      this.data.count++;
    }
  }
</script>

<style>
  h5 {
    color: red;
  }
</style>