https://codesandbox.io/s/jnxqqyw0v9 (click on No-SSR Problem)

When a v-if is placed in elements below no-ssr, they still get evaluated server side. We see this not only in markup, but even if we v-if'ed a component. I thought no-ssr prevented things from executing server side?

<template>
  <div>
    <no-ssr>
      <div v-if="blah.blarg">This blows up server side??!</div>
    </no-ssr>
  </div>
</template>
<script>
export default {
  data() {
    return {
      blah: null
    };
  }
};
</script>