I know that Pinia offers some more features, like debugging, which I don't really need, so I was thinking to use just the composition api for store. But I noticed in with Pinia you can access values from variables directly.…
might be best explain with an example (using bootstrap grid) Thanks in advance for the assistance 1 item in list <div class="container"> <div class="row"> <div class="col-sm-12">item 1</div> </div> </div> 2 items in list <div class="container"> <div class="row"> <div class="col-sm-6">item 1</div>…
I am expecting to pass a value by router.push, this is the component where i want to pass it: <template> //some html </template> <script> export default { data(){ //some data }, methods: { uploadTemplate(event) { if(everythingWell){ this.$router.push({name: 'upload-document', params: {value:…
UPDATE: THe original code is now updated to reflect the advice given. I am trying to create a QR Code generator that changes every minute. I have created the following code, but am receiving some errors, and just need some…
i'm writing a personal project for my portfolio. I'm making a registration site. So the user will fill: personal data, shipping info and then will see a recap. I have a view (Register.vue) where I put a stepper from Vuetify…
I am using Vue 3 with vite as my dev server... I have two .env files configured for my vite setup, .env and .env.development, and I seem unable to use the variables within them... .env VITE_API_KEY="1234" VITE_API_URL="https://www.myapi.com" .env.development VITE_API_KEY="5678" VITE_API_URL="https://www.staging.myapi.com"…
On the inital page load I am loading specific products, however I want to partially load in missing products based on a foreign key. For this to work I was thinking about returning two props from my controller in Laravel.…
When I collapse a certain row that is a header of grouped rows, the rows really disappear, but the header does not return instead I have an empty row and the first child row remains. Other than that, all the…
My API returns me the HTML. It has an option to switch between multiple languages and the content for all languages is already embedded in the single HTML. There is an onload function inside the HTML that sets the default…
I am trying to create a custom select component that can accept options as HTML like this: <MySelect v-model='value'> <MyOption value='1'>Option 1</MyOption> <MyOption value='2'>Option 2</MyOption> </MySelect> This is my current implementation of the custom select component: <template> <div class="select"> <div…