[Doc] Use layouts with `<script setup>`

The doc is not very clear. https://v3.nuxtjs.org/docs/directory-structure/layouts There should probably be an exemple for both <script setup> and the options API for every Nuxt feature. I’d think I’d have to use the new <NuxtLayout> component, but the it says you have to disable something using the option API.

<script>
export default {
  layout: false,
};
</script>

[huynl-96]

I think you misunderstand the functionality of <script setup>. This is just another way to express the setup() function in Vue 3. Just simply combine <script setup> with normal <script> (for any additional component options).

e.g.:

<script>
export default {
  layout: false,
  inheritAttrs: false,
  ...
};
</script>

<script setup>
// your setup script
</script>

You can look more into this in the below link https://v3.vuejs.org/api/sfc-script-setup.html#usage-alongside-normal-script

[mrleblanc101]

I think the doc should be more clear about that, a lot of people will switch from Vue 2 to Vue 3 when Nuxt 3 launch and it might be complicated to constantly switch doc. Maybe put a reference to the Vue 3 doc when applicable ?