question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Vueuse makes Nuxt stop updating

See original GitHub issue

I’m trying to use @vueuse/core with @nuxtjs/composition-api in my Nuxt project. But when I import { onClickOutside } from '@vueuse/core' to my component, which will stop updating without any error message. I have no idea how to track this problem.

Reproduction Link

Codesandbox

Steps to reproduce

  1. Click the Open Button will see the div Now you can see me show and console.log('updated') either.
  2. Remove the comment of vueuse
// import { onClickOutside } from '@vueuse/core'

// onClickOutside(divRef, () => {
//   console.log('onClickOutside')
//   state.value = false
// })
  1. Click the Open Button will see the div Now you can see me isn’t show and console.log(‘updated’) either.

Thanks for your help. 😃

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:3
  • Comments:19 (5 by maintainers)

github_iconTop GitHub Comments

5reactions
danielroecommented, Jul 28, 2021

Fix released in 0.26.0 - let me know if that doesn’t work for you.

2reactions
antfucommented, Jul 28, 2021
Read more comments on GitHub >

github_iconTop Results From Across the Web

Supercharge your Vue.js and Nuxt.js apps with VueUse
Reduce boilerplate code and simplify your development process with VueUse - learn how in this comprehensive tutorial.
Read more >
Functions | VueUse
Collection of essential Vue Composition Utilities.
Read more >
Nuxt.js Hackernews API update posts without loading page ...
We're using useIntervalFn , so please do not forget to install @vueuse/core . <template> <div> <button class="btn" ...
Read more >
Nuxt - The Intuitive Vue Framework
Build your next Vue.js application with confidence using Nuxt. An open source framework making web development simple and powerful.
Read more >
Creating Server-side Rendered Vue.js Apps Using Nuxt.js
Nuxt was updated to a production-ready 1.0 version in January 2018 and is part of ... Any good front-end developer will structure an...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found