ignoredProps does not work when using hydrateSsrOnly

[lautr]

ignoredProps does not work when using hydrateSsrOnl

• tested with with NuxtJS ssr mode
• happens in dev and production
• 1.0.0-beta.14 was used

code

<template>
  <div>
    <ContentArticles :limit="9" />
    <hr />
    <ContentTodos :limit="50" class="mt-5" />
  </div>
</template>

<script>
import { hydrateSsrOnly, hydrateWhenVisible } from 'vue-lazy-hydration'

export default {
  components: {
    ContentArticles: hydrateSsrOnly(
      () => import('~/components/content/articles.vue'),
      { ignoredProps: ['limit'] }
    ),
    ContentTodos: hydrateWhenVisible(() =>
      import('~/components/content/todos.vue')
    )
  }
}
</script>

still generates a limit attribute for ContentArticles

<div data-fetch-key="0" class="grid grid-cols-3 gap-5" limit="9">[....]</div>

see https://github.com/lautr/nuxt-performance-starter

to reproduce

1. checkout repository
2. yarn install
3. yarn dev

[maoberlehner]

This is now obsolete thanks to v2