<script src="../../dist/vue.global.js"></script>

<div style="height: 1000px">scroll to the bottom to hydrate</div>
<div id="app"><button>0</button></div>
<style>
  body {
    margin: 0;
  }
</style>

<script>
  const rootMargin = location.search.match(/rootMargin=(\d+)/)?.[1] ?? 0
  const isFragment = location.search.includes('?fragment')
  const isVIf = location.search.includes('?v-if')
  if (isFragment) {
    document.getElementById('app').innerHTML =
      `<!--[--><!--[--><span>one</span><!--]--><butto