Как я могу добавить условие для вызова компонента vue, если в представлении блэйд-представления существует javascript локального хранилища?

Мой взгляд лезвие ларавелла:

<ul class="nav">
    <li>
        ...
    </li>
    // if exist local storage run this component
    <notification-view></notification-view>
</ul>

Я хочу добавить условие, если существует локальное хранилище, оно будет запускать компонент vue

У меня есть main.js, и у меня есть код для проверки наличия локального хранилища или нет:

if (localStorage.getItem("storedData") !== null) {
   ...
}

Как добавить условие на лезвие просмотра?

Обновить

Мой компонент vie vie:

<template>
    <li> 
        ...
    </li>
</template>
<script>
    export default{
        ...
    }
</script>