Questions tagged [vueuse]
Collection of Vue Composition Utilities
vueuse
64
questions
0
votes
1
answer
36
views
In vueuse, what is the difference between isFetching and isFinished?
I'm using vueuse's UseFetch. What is the difference between isFetching and !isFinished ?
There definitely is a difference since some components crash using one rather than the other. Is it that the ...
- 587
0
votes
1
answer
112
views
Why useDropZone not working with dataTypes: ['image/*']?
I using Vue 3.
Why useDropZone from VueUse 10.9.0 (latest version) can't handle dataTypes: ['image/*'] ?
I want to implement loading a single image by drag and drop and/or (user-defined) selection. ...
0
votes
0
answers
110
views
Enable fullscreen in Vue.js
I'm using vueuse's useFullscreen to enable fullscreen mode on our website, but I'm facing a permission problem (Permissions policy violation: fullscreen is not allowed in this document.). How can I ...
- 321
0
votes
1
answer
123
views
vueUse useIntersectionObserver and rootMargin, triggering well before element is within range
I'm really confused what I'm doing wrong here. I'm trying to implement an infinitescroll that will load new items when the bottom edge of the target element is within 200px of the bottom of the ...
- 343
0
votes
1
answer
140
views
VueUse OnClickOutside ignore options not working
i'm using OnClickOutside from VueUse, the vue code is:
<template>
<button class="button" id="button1" ref="tempRef">AAA</button>
<OnClickOutside ...
- 37
1
vote
1
answer
39
views
Assign a method to a var?
I set an event listener when my nav is shown in show, this is via onClickOutside from VueUse.
I assign the returned method from onClickOutside to a var, calling this later turns off the event listener....
- 23.7k
0
votes
1
answer
53
views
<NuxtLayout> name prop not reactive
I have a component that should switch the used layout based on the current breakpoint.
<script setup lang="ts">
import { computed } from "vue";
import { breakpointsTailwind } ...
- 1,846
1
vote
1
answer
175
views
VueUse onClickOutside does not work with right click
I am currently trying to use onClickOutside but it only works when i click outside with the left mouse button.
I need to get this working for the right mouse button too.
Any solution for this? Maybe i ...
- 815
0
votes
1
answer
131
views
Vue reactivity and VueUse computedAsync mistery
Would anyone have a hint as to why localData updates properly, while storeData remains stuck at -1 in this Vue SFC playground??
Reactivity issue with computedAsync
The entire code is below; the real ...
- 11
0
votes
0
answers
45
views
Uncaught SyntaxError: Unexpected token '<' at main.js
I'm facing this kind error in Console Dev Tool panel.
My project is Nuxt3. I can not fix this issue.
This error is showing in all pages.
I have tried to update my node version from 16v to 18v, but it ...
0
votes
0
answers
77
views
Nuxt3 and VueUse refDebounced and min 3 chars then trigger useFetch
Want to trigger useFetch after min 3 chars and also wait for 100 mS after each char.
Have also a strange thing that the value of searchTerm.value is always empty.
const searchTerm = ref('')
const ...
- 11
0
votes
0
answers
91
views
How can I listen to keyboard shortcuts only in the active component Vue.js VueUse
I use VueUse and useMagicKeys, but have a problem that I want to use the same keyboard shortcut in the Vue page as well as in a dialog.
I want to open a shortcuts help dialog for the page, but when I ...
- 581
0
votes
0
answers
98
views
Access to value of useFetch in script section
I have this Vue code:
<template>
<main>
<h1>{{ article.data.title }}</h1>
<i>{{ article.data.date }}</i>
{{ article.data.text }}
<ul class=&...
user22682091
1
vote
1
answer
414
views
vueUse createFetch is not returning a function that can be awaited
I am trying to use createFetch to create a pre-configured useFetch function. Later, in a Pinia store action I use await to invoke the function to call an API. The defining functions is as follows:
...
- 177
0
votes
0
answers
131
views
VueUse OnClickOutside with teleport
I want to close the modals if the user clicks outside the modal. But the modal uses the <teleport> component to be rendered in the <body> element.
How can I prevent closing when there is ...
- 570