Home

Issue: 2251

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.

[issue link]

nuxt.config.js

plugins: [
        {src: '~plugins/onsenui', ssr: false}
    ]

plugins/onsenui.js:

import Vue from 'vue'
import VueOnsen from 'vue-onsenui';

Vue.use(VueOnsen);

index.vue:

<v-ons-list-item>
        <div class="left">Left</div>
        <div class="center">Center</div>
        <div class="right">Right</div>
</v-ons-list-item>
This question is available on Nuxt.js community (#c1974)