Prevent a nested component from being loaded

[David SP]

Sorry for a rookie question.

How can I prevent a component from being loaded?

<div v-permission="'list-tasks'">
   <Tasks />
</div>

Although I check if user has "list-tasks" permission, Tasks component still loaded.

Note: I'm using Nuxt

Thank you in advance!