I apologize if this is something very simple and obvious, new to Vue/tailwind. I have a parent template like this: <template> <div class="mx-auto mt-4 max-w-3xl"> <slot></slot> </div> </template> There are items above and below this template. Then one of the…
I would like to import a list of components using vite like this: defineAsyncComponent(() => import(`${path}.vue`)) But I get a MIME type error.
I just wasted a day on this, so I thought I would get it down incase anyone else is experiencing it. Opened a vue 3 project and got the following error: The JS/TS language service immediately crashed 5 times. The…
I am making a render library for my project with Vue 3 + Vite. Basically I have a json array of products which I pass to special <Render :products /> component. This Render component reads all json products and converts…
I have a Vue SPA, in my localhost when I start project by npm run serve and try to access a route that I have not defined takes me to 404, this is my vue router configuration { path: '/',…
[vite:css] [postcss] original.line and original.column are not numbers -- you probably meant to omit the original mapping entirely and only map the generated position. If so, pass null for the original mapping instead of an object with empty or null…
I am creating a chatbot app which streams content from a REST API and it works perfectly fine, but the scroll to bottom is not doing what is expected, a scrollbar is generated and I have to manually scroll to…
I have this code snippet in a Vue3 component: <v-row v-for="(target, targetIndex) in targetModules" :key="targetIndex" > <v-autocomplete v-model="targetModules[targetIndex]['modulName']" :items="moduleNamesAndEcts.map(module => module.name)" :rules="rules.text" label="Module" item-text="name" item-value="name" @input="(newModuleName) => updateEcts(newModuleName, targetIndex)" /> </v-row> The function is: const updateEcts = (newModuleName, targetIndex) =>…
So for example in my code: numbersGoingUp() { const atoms = this.user.resources[0] const molecules = this.user.resources[1] const atom_gens = this.user.generators[0] const molecule_gens = this.user.generators[1] if (!this.interval) { this.interval = setInterval(() => { if (atom_gens.active) { if (atoms.amount >= atoms.max) {…
I am using Vue3 with options api as shown in the code posted below. I have a child component and it is hosted in the parent component as shown below. The problem is, at run time, despite the showNotificationsWindowsContainer is…