Swiper causes Vue hydration issue

Simply adding the swiper to a page like this: `` causes the virtual DOM tree not matching server side rendered content. `[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

, or missing . Bailing hydration and performing full client-side render.` The generated HTML in the browser then looks like this: `

` What exactly is causing the error and how can it be solved?