I have a file named Test.vue and inside this file I have an img tag: <img src="../../img/map.jpg" alt="Map" /> This works fine and after running npm run build everything will be generated successfully and image will be displayed. Now, I…
I am using Ubuntu. I tray install deno-vue along this docs https://docs.deno.com/runtime/tutorials/how_to_with_npm/vue I am getting weird error. Task dev deno run -A --node-modules-dir npm:vite error: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'getReport') at isMusl (file:///home/bbabinski-a/Documents/Udemy/quasar-vite/node_modules/.deno/[email protected]/node_modules/rollup/dist/native.js:5:30) at…
I am using Typescript on my Vue page and trying to fetch user data from API. <script setup lang="ts"> const { data: user } = await useFetch('/api/user/info', { headers: useRequestHeaders(['cookie']) }); if (!user.value) throw createError('Problems when fetching current user!'); const…
I’m havin a parent component, let’s say “1”, it has 2 child components, “2” and “3”, each one of this components has one child component, “4” for “2” and “5” for “3”. So the question is how to pass state…
I have a problem in getting some data in my database. It returns HTML data. {data: '<!DOCTYPE html>n<html lang="en">n <head>n …>n x3Cscript src="/js/app.js">x3C/script>n</html>n', status: 200, statusText: 'OK', headers: AxiosHeaders, config: {…},…} And I am only requesting an authenticated user's username.…
I have a template literla in my method (vue.js): methodNameDisplay(m) { let nameToDisplay = ''; if (m.friendlyName === m.methodName) { nameToDisplay = m.friendlyName; } else { nameToDisplay = `${m.friendlyName} - ${m.methodName}`; } return nameToDisplay; } This method is used to…
The parent component has data that I want to pass to the child component. For example, I created such a component with data. Parent component <template> <NameUser :data="userData"></NameUser> <div>first name: {{ userData.firstName }}</div> <div>last name: {{ userData.lastName }}</div> </template> <script…
I need to make a composable universal. Here's my case, I have 3 components - ItemSwiper, ItemCard and ViewRecipeDetail. ItemSwiper contains card slides and it is the parent of ItemCard. ItemSwiper has a loop of recipes: <Slide v-for="recipe in storeRecipe.data"…
I am using vue and quasar and have this component: <template> <q-layout> <q-page-container style="background-color: #e0e5ea;"> <q-page class="column"> <menu-bar></menu-bar> <div class="q-ma-lg row col"> <q-card flat class="col" style="border-radius: 9px;"> <q-card-section> </q-card-section> </q-card> <q-card flat class="col q-ml-lg " style="border-radius: 9px"> <q-card-section> </q-card-section> </q-card>…
on the vue3 page below I have integrated a player that shows a "play" icon when the player is stopped, and a "pause" icon when it's playing. What I am now trying to do is to let the player repeat…