Category "vue.js"

Hide input field from vuejs-datepicker

I am using vuejs-datepicker in one of my vue project. I want to hide the default input and show the Calendar when user press a button. I am trying to have the &

Access to pivot table field using Vue.js

I started working on a small project using Laravel, and i would like to access to the pivot table to get the position field, that i have in organisation_user (p

FabricJS image in vue component not appearing

I want to use manipulate images on a canvas with FabricJS inside a VueJS app. In my view component, I am passing in a prop called background and using fabric.Im

render a Vue slot in a layout from component

I'm having problems with a named slot. This seems like it should work. In the code below I'm trying to use a named slot "sidebar". I would expect my sidebar slo

Prettier to format .vue

Prettier VS Code extension doesn't work properly with .vue. I mean how to setup prettier to integrate it with eslint and format .vue files on Cmd+Shift+P ->

Change another module state from one module in Vuex

I have two modules in my vuex store. var store = new Vuex.Store({ modules: { loading: loading posts: posts } }); In the module loading

Uncaught TypeError: Cannot read properties of undefined (reading 'extend') after upgrade vue to 3.x

Today I upgrade my google chrome extension vue version to 3.x, when run the app, the google chrome extension popup console shows error like this: commons1.js:13

Vuejs DevTools not showing panel in developer tools

I cannot get the vue development tools to show it's panel. I've tried deleting and re-installing the extension, Hard refreshing, closing the tools and opening

Debugging Vue in VScode and Chrome, unbound breakpoint

I'm trying to debug a Vue website I'm writing in VSCode and Chrome. When I put a breakpoint in the data() { return {...} } function it stops on it, but if I try

Vue invalid host header

Don't know why 2 days ago my projects ( created via vue create ) stopped working - in Chrome i get Invalid Host Header and WDS Disconnected errors. In cmd e

Should we make a request to /sanctum/csrf-cookie first, before registration that logs in a user after a successful registration?

My SPA is in the same repository as my laravel application and the documentation states that when using sanctum, your SPA's "login" page should first make a req

How to distinguish identically named VueJS + WebPack modules in Chrome Dev Tools?

I am developing an application with VueJS bundled by WebPack 4. It has a number of CRUD modules distinguished by a directory for each one, but with same named

Nuxt.js and handle API 404 response for dynamic pages

I use Nuxt.js and I have dynamic page /items/{id}: <template> <div> <h1>Item #{{ item.id }} &laquo;{{ item.title }}&raquo;</h

How to toggle to dark mode in Vue JS and Tailwind CSS

I want to toggle to dark mode in Vue JS and Tailwind CSS with Dark class in tailwind, but I don't have idea what I should do. I code a little and I want to try

Vuetify search-input.sync for v-autocomplete inside v-for

I have a line_items array, iterated using v-for. For each of the line_item object, I need a v-autocomplete element that is used to search for category. Currentl

gyp ERR! stack Error: Command failed: python -c import sys; print "%s.%s.%s" % sys.version_info[:3]

I'm trying to npm install in a Vue project, and even if I just ran vue create (name) it gives me this err: npm ERR! gyp verb check python checking for Python ex

Vuetify search-input.sync for v-autocomplete inside v-for

I have a line_items array, iterated using v-for. For each of the line_item object, I need a v-autocomplete element that is used to search for category. Currentl

How to access Vuex module getters and mutations?

I'm trying to switch to using Vuex instead of my homegrown store object, and I must say I'm not finding the docs as clear as elsewhere in the Vue.js world. Let'

Overriding Vuetify variables when building a Vue2+Vuetify app with Vite

I'm trying to migrate a Vue2+Vuetify app from Vue-CLI/Webpack to Vite. The app has a couple of SCSS files, main.scss and variables.scss with the latter imported

Lazy loading translation file in <i18n> tag

I want to reduce my app size and i started from language files. I'm using vue-i18n Single File Components and i can lazy load like this vue-i18n Lazy loading. I