SSR with methods

[zigomir]

I have a simple counter method

<p>Count: {{count}}</p>
<button on:click="increment()">+1</button>

<script>
  export default {
    data () {
      return {
        count: 0
      }
    },
    methods: {
      increment () {
        this.set({count: this.get('count') + 1})
      }
    }
  }
</script>

and unless I remove on:click="increment()" SSR will return:

/Users/zigomir/development/happiness/node_modules/svelte/compiler/svelte.js:7124
					str += `="` + attribute.value.map( chunk => {
					                             ^

TypeError: Cannot read property 'map' of undefined
    at Element.node.attributes.forEach.attribute (/Users/zigomir/development/happiness/node_modules/svelte/compiler/svelte.js:7124:35)

Should this work?

[Rich-Harris]

Should this work?

Yes! #169. Thanks for raising

[zigomir]

Cool, thanks for quick response!

Looking into PR, I'm curious - does or will svelte support picking up after SSR and make DOM interactive automagically?

[Rich-Harris]

Not yet, no. Svelte currently appends to the target element, so you need to do this sort of thing...

var target = document.querySelector( 'main' );

target.innerHTML = '';
var thing = new Thing({ target });

...which is less than ideal. Hydration is the other half of #1 (see also #148 (comment)), after SSR – we haven't quite figured out the best approach yet.

[zigomir]

I see, thank you!

[Rich-Harris]

This is fixed in 1.2.2