Use components with export/import

[vinyll]

The way Lego is used now may be confusing.
The module way is not obvious while it should be the way to go.

goal:

<template>
  hey ${state.name}
</template>

<script>
  export default {
    state = { name: "Joe" }
  }
</script>

[vinyll]

Currently rewriting Lego components: 3127fd0
Current grammar:

<template>
  Hey ${name}
</template>

<script>
  export default class extends _ {
    init() {
      this.state = { name: "Joe" }
    }
  }
</script>

Even though this writing is a little more explicit than before (we added export default class extends _ {) it now allows making explicit imports.

[vinyll]

The new configuration system is now defaulted to export default class extends Lego {… as @davidgbk suggested.
However having something more minimalistic as export default {… would be neat.