test-demo.md

<style> .highlight {background-color: #90FEFB;} .expand {height: 20px; background-color: red;} .codepen:before { content: "Try it in your browser!" } </style>

ESModule

<my-app></my-app>

<script type="module">
import { Component } from "can";
Component
</script>
<style>
my-app {color: "green";}
</style>

with React

<my-app></my-app>

<script type="module">
import { Component } from "can";
Component
</script>
<style>
my-app {color: "green";}
</style>

Straight JS

import {DefineMap} from "can";
console.log( myCounter.count ) //-> 1

with React

import {DefineMap} from "can";
console.log( myCounter.count ) //-> 1