You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I hope you're all doing well. I'd really appreciate it if anyone could help me with a problem I'm having trying to use directives from vueuse.
Here's a quick overview of the steps I've taken:
In my project, I added the vueuse dependencies using yarn with the following command:
yarn add @vueuse/core @vueuse/components
Then I tried to import a directive. As an example:
import{vElementVisibility}from @vueuse/components
However, my trusty VSCode pointed out that something wasn't right and threw an error. Here are the details of the error:
This import is never used as a value and must use 'import type' because 'importsNotUsedAsValues' is set to 'error'.ts(1371)
For further context, I've also created a couple of playgrounds where similar errors occur (and yes, I made sure to install @vueuse/components in the playgrounds too! 😊):
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Hello everyone! 👋
I hope you're all doing well. I'd really appreciate it if anyone could help me with a problem I'm having trying to use directives from
vueuse
.Here's a quick overview of the steps I've taken:
However, my trusty VSCode pointed out that something wasn't right and threw an error. Here are the details of the error:
For further context, I've also created a couple of playgrounds where similar errors occur (and yes, I made sure to install
@vueuse/components
in the playgrounds too! 😊):Using
vOnClickOutside
🤔 This is the error I get:
![image](https://private-user-images.githubusercontent.com/22072217/250819826-cc7d2a37-fae7-4f48-af70-a8b0edf26cb0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMzU0MTYsIm5iZiI6MTcxOTIzNTExNiwicGF0aCI6Ii8yMjA3MjIxNy8yNTA4MTk4MjYtY2M3ZDJhMzctZmFlNy00ZjQ4LWFmNzAtYThiMGVkZjI2Y2IwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI0VDEzMTgzNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM4ZTI3MWQ5ZjAyYjc5NWI0Yzg1NmI4MGJjYTYzMTllZTY5ZjZmNGNkMGE0NzdjMTlhNmZkMTBmNGI1ODgwMDcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.xwTe8uz-Uf9yin-cwoSGU51PPrgiMAotrEJX6L2g8OE)
Using
vElementVisibility
🤔 This is the error I get:
![image](https://private-user-images.githubusercontent.com/22072217/250821764-f3c70c9d-42fc-4509-b514-a85f7cb53402.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMzU0MTYsIm5iZiI6MTcxOTIzNTExNiwicGF0aCI6Ii8yMjA3MjIxNy8yNTA4MjE3NjQtZjNjNzBjOWQtNDJmYy00NTA5LWI1MTQtYTg1ZjdjYjUzNDAyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI0VDEzMTgzNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTllM2ZlOGI1MzM3MGY4NDYxMDM4ZGVkYzNlNTI5YzBjZjJmYjZjOGY4MTUwNzE3NTRiZjFmMjVhYWI0YjMyYWMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.n2XKtPtm8cZ7453a8pzMZQ1NiEm_d8P3M9EoK0YqHYA)
If anyone has any insights or suggestions on what might be going wrong, I would be deeply grateful for the assistance.
Thank you so much! 🙌
Beta Was this translation helpful? Give feedback.
All reactions