Ok so basically I am using vue.js to build a single page application and my Issue is that I have no idea on how to handle a navbar. Scenario: I have 3 tabs in my navbar and depending on which…
I have a problem with the execution of the docker build command, in my Nuxt frontend docker container. This is my Dockerfile: FROM node:lts-alpine as base RUN npm install -g pnpm WORKDIR /usr/src/app COPY package.json pnpm-lock.yaml ./ RUN pnpm install…
I want to run "npm init -y vue" in bash script, and make everything auto answer without any manually input. I found this link with setting the default values in npm init but it is not enough: https://dev.to/atapas/tips-to-customize-npm-init-to-make-it-your-own-253h When running:…
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.…
I'm having a little trouble with using checkboxes as a separate component. I just have a simple child component that contains a template for a card with some data and also a checkbox, like a product list, each product card…
I am sending array which has value from 1-100 on v-autocomplete item props. But on scrollbar only number till 40-50 shows up. <template> <v-app> <v-container> <v-autocomplete label="Autocomplete" :items="CountList" variant="outlined" > <template #item="{ item }"> <v-list-item>{{ item.raw }}</v-list-item> </template> </v-autocomplete> </v-container>…
I have defined a async function in methods and when trying to call the same function in mounted.. it is giving the error - Uncaught TypeError: this.submitData is not a function. Please help me out how to call async function…
I tried to use the audio tag through the variable, but it didn't explore. Please help me. This is in tag script <script setup> import { ref } from 'vue' import data from '../../../data/game3/data2.json' const music = ref(data.categories[0].units[0].items[0].pronunciation) console.log(music.value) //when…
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…
I am using pinia in a vue 3 project. The store has a few variables in the state, but when I try to set these variables in a method a have in the actions, only the first variable seems to…