Hi everyone, It's been a month I started learning Vue js and I'm currently building a full stack application, where I am trying to implement authentication functionalities. These login and register modals are appeared when login or register buttons are clicked in the header. In which component is the correct practice to import these modals, or does not matter much? I'm thinking of maybe in the header component, but I'm not sure. They are positioned absolute since they appear in the center of the screen with a dark background. Thank you in advance! submitted by /u/depreasf [visit reddit] [com ..read more

/Package.json below for the project { "devDependencies": { "@babel/cli": "^7.8.4", "@babel/core": "^7.8.4", "@babel/preset-env": "^7.8.4", "@rollup/plugin-commonjs": "^25.0.7", "@rollup/plugin-node-resolve": "^13.0.0", "@rollup/plugin-replace": "^5.0.5", "@vue/compiler-sfc": "^3.0.0-beta.9", "eslint": "^8.0.0", "eslint-config-standard": "^17.0.0", "eslint-plugin-import": "^2.29.1", "eslint-plugin-node": "^11.0.0", "eslint-plugin-promise": "^6.0.0", "jest": "^27.0.0", "rollup": "^2.8.0", "rollup-plugin-vue": "^6.0.0", "vue3-jest": "^27.0.0-alpha.1", "rollup-plugin-terser": "^7.0.2", "vue-sfc ..read more

I feel like this should be a fairly common question, but I haven't seen a lot of responses on it. Let's say I have a vue SPA with pinia and the pinia-persistedstate plug-in. I have authentication and a route guard that redirects the user to the login page if the state shows the user as unauthenticated. If a user right-clicks a link and opens it in the new tab, how do I share my session state with the new tab? I tried using pinia-shared-state, but the route guard fires before the state is synchronized, which sends the user back to the login page. submitted by /u/PullmanWater [visit reddit] [c ..read more

i am using Ansible-Semaphore which is a web based head-end for executing ansible playbooks. I am interested in compiling the web component with some small changes made. colors & branding. Once i've done that & integrated with the back-end successfully i may move onto other additions. I have decades of web design , development, & hosting experience, but zero with Vue.js, node, or react. Is anybody familiar with this project enough to point me toward a best method to manage this section of code? do i want to use node.js or does something better exist these days? i can setup my dev e ..read more

I have been using Vue2 and Vuetify 2 for about 4 years and finally wanted to make the jump to vue 3. I searched over and over what UI library to use and came down to a few option which had their pros and cons: Quasar - very complete library but default styling was ugly. Also using tailwind css conflicted due to overlapping naming conventions and even with postcss workarounds still had issues. Still a great library though and have a few sites out with it now. Primevue - super flexible library that has headless styles and works with tailwind and a lot of other css libraries and default themes t ..read more

Hello there, Directly getting to the point, I am trying to logout when the user close the tab or browser. I have tried using 'onbeforeUnload' but it also get's trigger when i refresh the page. Appreciate your help in advance. submitted by /u/atulknowsme [visit reddit] [comments ..read more

I am deploying a Vue application that uses vue router for navigation. I have a page that can only be accessed when I type the URL on the browser and there's no button to route you to that page. When I test this approach during development it works but when I deploy my application to a Cpanel It fails. I get an error 404. I have tried to do the same with other pages and I get error 404 therefore I am wondering does vue prevent one from explicitly typing the URL on the browser? submitted by /u/sovereignchris [visit reddit] [comments ..read more

I have a list of paths to my images and i want to render all of them in a Swiper.js gallery. I place v-for in my parrent component and a prop inside image source, but this doesn't work submitted by /u/_bagelcherry_ [visit reddit] [comments ..read more

So far I've tried initialValues, setValues from useForm but aint working. I'm looking for a one-liner kind of answer. I want answer related to Form & Field. i'm aware thers's resetForm but it only works with form. submitted by /u/SteveNoJobs108 [visit reddit] [comments ..read more

Hi, I am new to all this SSR stuff and have most experience with just vue3 as a spa + Laravel as backend. For a new project, I tried starting with a boilerplate : https://github.com/k2so-dev/laravel-nuxt?source=post_page-----f1da8a0c0740-------------------------------- for getting basic concepts out of the box to play with.. So my case is, I have a site, where I present stuff behind login. My backend runs Laravel on a different domain than the frontend. Although it is behind login, nothing is personalized, so I would like some requests done server-side. But this is where things start breaking ..read more