vuejs-paginate icon indicating copy to clipboard operation
vuejs-paginate copied to clipboard

its not work with ssr, not usable in nuxtjs ssr

Open MicroDreamIT opened this issue 4 years ago • 7 comments

[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered 
content. This is likely caused by incorrect HTML markup, for example nesting block-level
elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side
render.

Screen-Shot-2019-08-12-at-2-31-53-AM

it has to be capable of ssr and nuxtjs as well.

MicroDreamIT avatar Aug 11 '19 20:08 MicroDreamIT

add tag client-only

dikymury avatar Jan 08 '20 04:01 dikymury

@dikymury can you please explain more detail?

MicroDreamIT avatar Jan 08 '20 06:01 MicroDreamIT

@MicroDreamIT https://nuxtjs.org/api/components-client-only#the-lt-client-only-gt-component

genu avatar Jan 29 '20 01:01 genu

@MicroDreamIT you will have to conditionally require the lib too, instead of

import Paginate from 'vuejs-paginate'

use

const Paginate = process.client ? require('vuejs-paginate') : undefined

zgmrvn avatar Jan 29 '20 08:01 zgmrvn

@MicroDreamIT import the library like this: import Paginate from 'vuejs-paginate/src/components/Paginate'

Do not use client-only.

archieDeveloper avatar Jul 09 '20 10:07 archieDeveloper

@MicroDreamIT import the library like this: import Paginate from 'vuejs-paginate/src/components/Paginate'

Do not use client-only.

could you elaborate?

gkatsanos avatar Feb 06 '22 15:02 gkatsanos

add tag client-only

I made the same, helped. But strange that in plugins scope in Nuxt config I used client mode, and this is doesn't help before,

oscarhandsome avatar Jun 21 '22 14:06 oscarhandsome