css - best location to content-visibility: auto in vue App

Question

With Web.dev article (https://web.dev/content-visibility/) boasting about amazing performance benefits about new css property content-visibility: auto, I am confused as to where this should be added in vue app?

Should I just add it in the App.vue root div?

<template>
  <div style="content-visibility: auto">
      <router-view></router-view>
  </div>
</template>

Other options which I can think of

1. Added to each root div of the pages?
2. Added to each sections of the pages (in a big page, to each component)?

question from:https://stackoverflow.com/questions/65646573/best-location-to-content-visibility-auto-in-vue-app

Answer 1

Waitting for answers