phillipskevin/index.html

## index.html
<!doctype html>
<button>-</button>
<script src="./node_modules/steal/steal.js" main></script>

## index.js
import makePrototype from "can-observe/src/-make-prototype";
import stache from "can-stache";

function Obj(num) {
  this.num = num;
};
Obj.prototype = makePrototype.observable(Object.create({}), {
  observe: makePrototype.observable
});

const obj = new Obj(5);

const renderer = stache("<p>{{num}}</p>");
const frag = renderer(obj);

document.body.appendChild(frag);

const button = document.querySelector("button");
button.addEventListener("click", () => {
  obj.num = obj.num - 1;
});

## package.json
{
  "name": "can-observe-prototype-with-stache",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "Kevin Phillips <kevin@bitovi.com>",
  "license": "MIT",
  "dependencies": {
    "can-observe": "^2.3.0",
    "can-stache": "^4.17.15",
    "steal": "^2.2.1"
  }
}
	<!doctype html>
	<button>-</button>
	<script src="./node_modules/steal/steal.js" main></script>
	import makePrototype from "can-observe/src/-make-prototype";
	import stache from "can-stache";

	function Obj(num) {
	this.num = num;
	};
	Obj.prototype = makePrototype.observable(Object.create({}), {
	observe: makePrototype.observable
	});

	const obj = new Obj(5);

	const renderer = stache("<p>{{num}}</p>");
	const frag = renderer(obj);

	document.body.appendChild(frag);

	const button = document.querySelector("button");
	button.addEventListener("click", () => {
	obj.num = obj.num - 1;
	});
	{
	"name": "can-observe-prototype-with-stache",
	"version": "1.0.0",
	"description": "",
	"main": "index.js",
	"scripts": {
	"test": "echo \"Error: no test specified\" && exit 1"
	},
	"keywords": [],
	"author": "Kevin Phillips <kevin@bitovi.com>",
	"license": "MIT",
	"dependencies": {
	"can-observe": "^2.3.0",
	"can-stache": "^4.17.15",
	"steal": "^2.2.1"
	}
	}