There's a specific configuration on Volar for a intellisense popsup? - vue.js

Sorry to leave this question here, but I can't find the solution anywhere else.
On HTML Tag
When I type # on any HTML Tag, it popsup.
But, on a Vue Tags like for example or others built in components, that, doesn't show.
On Vue Tag
There's a configuration to do so?
Anybody can help?
It's on a Vue3 with Volar.
Sorry for my poor english, it's my seconded language.

Related

How to use HTMX in large Vuejs project

We are using Vuejs in our project, but I'm trying to implement HTMX in our view and I have no clue how. I know that I probably can't use HTMX in Vuejs and I can't change our whole project to HTMX right now.
I was thinking to use v-html and generate whole HTMX there but it doesn't work because when I import import 'htmx.org'; based on HTMX doc, vue just hates it :D
Edit: While writing this question, we decided to do it as an separated project but I am curious anyway. Is is even possible? There is not much questions about HTMX yet, I didn't find anything helpful.
I am happy to answer any question for clarification.
Thanks and sorry for my potato english!
I tried to implement HTMX in our VueJs project for separated page or component and it didn't work.

How to add a comment to a Vue SFC outside any of the root elements?

I'm in a situation where I legally have to add a copyright notice to the top of my files and while I know how I can comment inside either template, script or style, I couldn't find documentation regarding how to do it outside these.
Based on the structure of the file, I assume the standard HTML comment (<!-- Hi there! -->) should work, and it both: a.) seems to work and b.) my syntax highlighter accepts it.
However, I'd like to be sure about it and understand how and why it works this way, I was surprised it is seemingly not covered in the Vue docs.
Yep, you are right. There is a confirmation here: https://vue-loader.vuejs.org/spec.html#src-imports

Vue.js element loose their css in prod

I come to you because I have not found anything answering my questions.
I am currently doing a project in vue.js and when putting in production some elements lose their css. If someone has already had the same problem and could help me :)
(sorry for my bad english)
Some pictures so you can see what I'm talking about
This is my div in local
And this one in prod...

Vue component to autocomplete an input

There are a lot of autocomplete components to VueJS on the internet, but none that I found fit to my project.
I need a autocomplete component with the requisits:
Able to use v-model;
The list is just a suggestion. The input is free to type;
The component is css customizable (I want to use a simple bootstrap design on it).
Can someone help me?

How to use shopify polaris css components?

I want to use Polaris css components for my shopify app. I have go through their document https://polaris.shopify.com/components/get-started#navigation. As mentioned there I have include their css and html code for a component but some components are not working functionally like Date picker I have put html code on my page but I am not able to change month, select date etc.
I think I have to load js for get that working but I didn't found any js link in their document.
Can you please help me out?
If you are using the CSS-only version, we do not provide any JS. The CSS version is meant for someone who does not want to use React and is willing to write the scripts required for any interactive components. If you are using the React components, you will not find everything; as you've identified, this is not exactly like Bootstrap or similar frameworks. This is a more selective set of components that encompass patterns that have been established for Shopify's own applications. We will probably add more components in the future, though; if there's something you feel is obviously missing, please feel free to leave an issue.