I am developing some like or add to favorite kinda feature in VUE 3. But the problem i m facing here is that while i am like or unlike the specific thing it doesn't update on the frontend UI. On…
I am using Vue and now I want to use Nextjs framework for SEO and server side rendering and more benefits. I have worked a little with React before, but I want to focus on Vue. Can I use Nextjs…
I have a component that on click calls a function that does things in the store: <button @click="this.store.foo()"></button> And in the store I change this property: state: () => ({ focusIn: false, }), actions: { foo() { this.focusIn = true;…
so i have a Toolbar Item component: <template> <div class="flex cursor-pointer items-center justify-center rounded-full border-2 border-gray-300 p-1 shadow-sm transition-all duration-300 hover:scale-110 hover:bg-black hover:text-white" @click="$emit('event')" :class="isActive ? 'bg-black text-white' : ''" > <Icon @click="setActive()" :icon="icon" /> </div> </template> <script setup> import…
I was installing Vue.js in my system using npm i -g @vue/cli but this happened: npm WARN cleanup Failed to remove some directories [ npm WARN cleanup [ npm WARN cleanup 'C:\Users\pc\AppData\Roaming\npm\node_modules\@vue\cli\node_modules', npm WARN cleanup [Error: EPERM: operation not permitted,…
I use Bootstrap Vue table with Vue v2 and I currently use a prop (sticky-header="600px") to set the table height: <page-wrapper> <page-header> </page-header> <div class="content"> <b-card> <b-row> <b-col></b-col> <b-col> <b-form-group> <b-form-radio-group></b-form-radio-group> </b-form-group> </b-col> <b-col></b-col> </b-row> <div class="table-responsive"> <b-table-simple class="text-left border-left…
I'm having trouble creating a reference to an element and storing it inside an (non-reactive) object that I initialize like this: const myObj = { myRef: ref(null), ... } And in the template I have a similar situation: <template> ...…
I am using Laravel 10, Vite and Vue I want to use two component inside my App.vue Here is my App.vue file : <template> <div> <AppHeader></AppHeader> ... Content ... <AppFooter></AppFooter> </div> </template> <script setup> import AppHeader from "./components/partials/AppHeader.vue"; import AppFooter…
I'm new in vuejs and I was creating custom components for elements like buttons, links, inputs, etc. This is my input component- <template> <div class="position-relative"> <input :class="[{ 'pe-5': type === 'password' }, 'form-control p-2 rounded-3']" :type="inputType" :id="label ? slugify(label) :…
I am trying to get rid all of the warnings in my project, but i stumbled onto "warning Function 'getPositionValue' has a complexity of 7. Maximum allowed is 5" and I am not sure how to solve it. It is…