canRoute.data is not observable when using can-simple-map

[phillipskevin]

Using canRoute.data like this:

const view = stache('{{page}}');

canRoute('{page}', {page: 'home'});
canRoute.ready();

document.body.appendChild(
    view( canRoute.data )
);

does not work if types.DefaultMap is not set (and therefore uses can-simple-map). This error is thrown:

steal.js:7324 Error: can-reflect: can not observe value change
    at Object.canReflect.onValue (observe.js:25)
    at Observation.addEdge (can-observation.js:197)
    at Observation.updateBindings (can-observation.js:282)
    at Observation.start (can-observation.js:269)
    at Compute._on (proto-compute.js:151)
    at Compute.eval (proto-compute.js:331)
    at Compute.eval [as _eventSetup] (can-observation.js:591)
    at Compute.prototype.addEventListener (lifecycle.js:30)
    at Function.addEventListener (can-compute.js:49)
    at Function._setup (can-route.js:832)

Setting canRoute.data explicitly fixes the issue:

canRoute.data = new SimpleMap();

This code is causing the issue:

can-route/can-route.js

Lines 258 to 279 in 72a5061

	var stringCoercingMapDecorator = function(map) {
	var sym = canSymbol.for("can.route.stringCoercingMapDecorator");
	if(!map.attr[sym]) {
	var attrSuper = map.attr;
	map.attr = function(prop, val) {
	var serializable = this.define === undefined || this.define[prop] === undefined || !!this.define[prop].serialize,
	args;
	if (serializable) { // if setting non-str non-num attr
	args = stringify(Array.apply(null, arguments));
	} else {
	args = arguments;
	}
	return attrSuper.apply(this, args);
	};
	canReflect.setKeyValue(map.attr, sym, true);
	}
	return map;
	};