Category "vue.js"

How to convert some Nuxt code into some Vue?

How can I convert this Nuxt script into a Vue compatible one? <script> export default { components: { FeaturedProduct }, async asyncData({ $axio

routers and components in vue.js

My component information is not displayed!!! the router is working great and I test it to many times but there is nothing in components when I run the project.

Primevue data table input edit style

Prime vue Datatable edit input active by default I prime data table for inserting a value for the table with input on the table but the input become active when

Display sidebar menu elements based on user's role, with "yaminncco/vue-sidebar-menu" package

Hi I'm using Laravel Breeze with Inertia JS. I'm using "yaminncco / vue-sidebar-menu package" for the sidebar. I'm asking if there is a way to display menu elem

Vue devtools inspection is not available on locally hosted app

When I run my Vue app, the Vue devtools extension detects Vue.js, but complains: Devtools inspection is not available because it's in production mode or explic

Web3js fails to import in Vue3 composition api project

I've created a brand new project with npm init vite bar -- --template vue. I've done an npm install web3 and I can see my package-lock.json includes this packag

"Parsing error: No babel config file detected" when IDE not open at Vue projects root directory

I stumbled into a problem where in VS Code, when a Vue project is created and not open at root directory of the Vue project, babel.config.js wouldn't load and I

TypeScript error ts(2345) is incorrectly labeling the type of object in Vue v-for loop

I am using Vue single file components. Here is a small example showing my error: <script setup lang="ts"> interface IDesign { displacement_map_urls: {

I need to deploy vuestorefront to a bucket s3 or amplify,

I need to deploy vuestorefront to a s3 bucket or amplify, but I have had some problems since vuestorefront has a server on the front end, so I would like to kno

el-select with button append | Element UI

I need to add a button after select This I have seen that they do with the input in the documentation enter link description here Now I try to do it with the

vite.config.js rollupOptions leads to "Unexpected token" error during build

I am currently trying to switch my laravel project from laravel-mix to something like Vitejs. I followed the tutorial available here: https://owenconti.com/post

Vue Test utils custom event trigger is not working

Parent Component <div> <DropdownContainer v-model="selectedTitle" title="dropdown-title" :options="dropdownOption" @load-data="do

Laravel Sanctum Vue

I have some problems authenticating an user with Laravel Sanctum. I have installed everything as needed, with Vite and Vue 3 as a frontend. So here is the probl

How to set conditional rules and required fields in vue?

I am trying to make few fields conditionally required. But I am not able to make it work. I have set a data field notRequired: false and based on that I am usin

How to set conditional rules and required fields in vue?

I am trying to make few fields conditionally required. But I am not able to make it work. I have set a data field notRequired: false and based on that I am usin

Vuetify date picker not displaying the whole month

I am working with vuetify date picker. The API I am calling will display data from a range of dates. I have called the date picker component with the range prop

ISO proper way to chain Webpack via vue.config.js to add global .scss imports to my .vue files (vue-cli-plugin-nativescript-vue)

I have Vue.js project I've setup previously that dynamically adds defined .scss files to my .vue template files, so I can access my variables, mixins, etc. in t

Uncaught TypeError: emit is not a function in vue3

when I write this code in vue 3 setup code block to get the input value follow this answer, this is part of the code: import { defineComponent } from "vue"; imp

Cannot access Leaflet objects with Vue3-leaflet

I am trying to access flyTo or panTo from leaflet but somehow it is stuck with the error Uncaught TypeError: Cannot read property 'flyTo' of null Any pointers a

Vue.js: How to fill a form prepopulated with data from a get request?

I want to load data with a GET request and fill the data to the input data attributes at vue.js 3 like <input id="name" type="text" v-bind:placeholder="$t('m