Make import syntax more succinct

[mickmcgrath13]

Currently, the import syntax is like this:

<can-import from="can-stache-animate" {^value.animations}="*animations" />
<div (. shake)="*animations.shake"></div>

as @chasenlehara pointed out, it would be nicer to do something like this:

<can-import from="can-stache-animate" {^value}="*animations" />
<div (. shake)="*animations.shake"></div>

from #14:

{^value.animations}="*animations" is ok (after getting rid of default when moving to ES5), although my vote would be to export the animations as the module’s value and add the additional methods on it, so it would look something like this:

import canStacheAnimations from 'can-stache-animations';
// canStacheAnimations is an array of animations so you can write `{^value}="*animations"`
canStacheAnimations.register();// Accept a list of animations, e.g. register({}, {})
canStacheAnimations.setDefaults();// Accept an object, e.g. setDefaults({duration: 500})