Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
Collapse
exlends
Категории
  1. Home
  2. Categories
  3. Фронтенд
  4. Vue
  5. [nuxt] A composable that requires access to the Nuxt instance was called outside of a plugin

[nuxt] A composable that requires access to the Nuxt instance was called outside of a plugin

Scheduled Pinned Locked Moved Vue
typescripterrorsvuejs
2 Posts 1 Posters 258 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • kirilljsxK Offline
    kirilljsxK Offline
    kirilljsx
    js
    wrote on last edited by kirilljsx
    #1

    Блять, получаю эту ошибку, вроде все окей делаю.
    Что он сука от меня хочет ?

    [nuxt] A composable that requires access to the Nuxt instance was called outside of a plugin, Nuxt hook, Nuxt middleware, or Vue setup function. This is probably not a Nuxt bug. Find out more at https://nuxt.com/docs/guide/concepts/auto-imports#vue-and-nuxt-composables.

    // Вот тут setup забыл
    <script setup lang="ts">
    import { ref } from 'vue';
    
    const active = ref(false);
    
    function setActive(val: boolean) {
        active.value = val
    }
    </script>
    
    <li
    class="header-nav-item"
    @mouseover="setActive(true)"
    @mouseout="setActive(false)">
    <a href="/" class="header-nav-link">Каталог</a>
    <div class="header-nav-dropmenu" :class="{ active }">
    <a href="">Подкатегория</a>
    <a href="">Подкатегория</a>
    <a href="">Подкатегория</a>
    <a href="">Подкатегория</a>
    </div>
    </li>
    
    kirilljsxK 1 Reply Last reply
    0
    • kirilljsxK kirilljsx

      Блять, получаю эту ошибку, вроде все окей делаю.
      Что он сука от меня хочет ?

      [nuxt] A composable that requires access to the Nuxt instance was called outside of a plugin, Nuxt hook, Nuxt middleware, or Vue setup function. This is probably not a Nuxt bug. Find out more at https://nuxt.com/docs/guide/concepts/auto-imports#vue-and-nuxt-composables.

      // Вот тут setup забыл
      <script setup lang="ts">
      import { ref } from 'vue';
      
      const active = ref(false);
      
      function setActive(val: boolean) {
          active.value = val
      }
      </script>
      
      <li
      class="header-nav-item"
      @mouseover="setActive(true)"
      @mouseout="setActive(false)">
      <a href="/" class="header-nav-link">Каталог</a>
      <div class="header-nav-dropmenu" :class="{ active }">
      <a href="">Подкатегория</a>
      <a href="">Подкатегория</a>
      <a href="">Подкатегория</a>
      <a href="">Подкатегория</a>
      </div>
      </li>
      
      kirilljsxK Offline
      kirilljsxK Offline
      kirilljsx
      js
      wrote on last edited by
      #2

      Это я замудачил, забыл в шаблоне указать setup в script 🤡

      1 Reply Last reply
      🤡
      0

      Категории

      • Главная
      • Новости
      • Фронтенд
      • Бекенд
      • Языки программирования

      Контакты

      • Сотрудничество
      • info@exlends.com
      • Наш чат
      • Наш ТГ канал

      © 2024 - 2025 ExLends, Inc. Все права защищены.

      Политика конфиденциальности
      • Login

      • Don't have an account? Register

      • Login or register to search.
      • First post
        Last post
      0
      • Categories
      • Recent
      • Tags
      • Popular
      • Users
      • Groups