All Questions
239 questions
3
votes
1
answer
46
views
Why is a third image briefly shown during flip animation in Vue.js?
I’m working on a Vue.js component where I’m creating a flip animation with images that change every few seconds. The goal is to randomly change the image, but there is an issue during the transition.
...
- 77
1
vote
0
answers
48
views
Swiper - keeps flickering on local dev and not in CodeSandbox
my Swiper worked properly and did stop at the last slide in CodeSandbox but keeps flickering in my local dev project.
CodeSandbox's dependencies:
swiper 11.1.8
vue ^3.4.15
Local dev's dependencies (...
- 51
-1
votes
1
answer
70
views
Images are displayed below the sidebar in the middle of the page and not from the top (Vue.Js)
I'm building a photo website with Vue.JS and encountering the problem mentioned in the titled. I've tried everything, and after two hours of back and forth with ChatGPT I've decided to come here.
This ...
1
vote
1
answer
217
views
Best practices for consuming css in a web component library for multiple themes
We are currently developing a design system to use with multiple projects for 2 separate products.
Each product has a corresponding brand styleguide that uses design tokens, i.e:
Theme 1
primary: 'red'...
- 43
0
votes
0
answers
26
views
Fill Content of V-Container to screen
I have a page that is unnecessatily scrollable by a few pixel. I want to display the page with screen height so that everything is displayed without the option to scroll.
Here is what the page looks ...
- 1
0
votes
1
answer
44
views
How do you get styling props to work on specific elements in VueJs
I am creating a button and it needs to have multiple states (hover, focused, pressed and disabled).
I also need my default button to have a default size (large) and a smaller size (small). I am trying ...
- 1
-1
votes
1
answer
83
views
Is it normal to add class attribute directly to component declaration tag , in Vue.js (3)?
<MyComponent class="extra class from parent" />
inside MyComponent file :
<style lang = "scss" scoped>
.my-component{
font-size:1rem;
}
It works but is it ok, ...
- 39
1
vote
1
answer
280
views
How to change classes' property for each component in Vue.js?
I've added to my website a reusable component "LightBox" that provides a picture with bigger resolution. This LightBox is based on the fact that each element has thumbnail. What is my issue? ...
- 85
4
votes
0
answers
961
views
How can I add a global stylesheet to Vue 3 Custom Elements?
I am trying to use defineCustomElement from Vue 3 to make Single File Components into custom elements.
However when I try to import a local stylesheet to the elements I get the error message: Refused ...
1
vote
1
answer
246
views
Patterns in Highchart vue
Want to apply pattern in pie chart using highchart vuejs
Tried using in data field but nothing worked
color: 'url(#highcharts-default-pattern-0)'
EXPECTED PATTERN:
- 25
3
votes
1
answer
80
views
How to align VueJS components where one of them is a ThreeJS scene
I have three components: Plan, Scene, and Controls, and I want to align them as follows:
The challenge in my case is that the plan has to be in a transition as a sidebar, while the scene is a three....
- 3,976
4
votes
1
answer
977
views
Setting dynamic global styles programmatically in Vue
I have a Vue component that needs to control the background color of the entire page dynamically. It has an internal state, and that state has the side-effect of causing the background of the page to ...
- 2,593
0
votes
1
answer
467
views
Vue 3 make same multiple cards with different contents
I got this result: Content got double but, not cloning as a card element
here's the code
<script setup>
import { ref } from 'vue';
defineProps({
project: String,
});
const projectList = ref(...
1
vote
1
answer
5k
views
Custom style of vue multiselect component
I have added a vue multiselect component... But I want to customize it with css styles. I already have added some css style but can not do everything I want. Like I want to change the option height, ...
- 85
3
votes
1
answer
3k
views
SVG File With Dynamic Fill Colors - Vue
I am making a twitter clone application with VueJS 3.
I saved Twitter's logo as a .svg file and can use it with the <img /> tag. I can also change its color when I give the <svg> tag the ...
- 193