My setup is Vue 3 composition API. I am using a composable and tanstack vue query to fetch data from a response: https://preview.redd.it/tj4lt10m7twc1.png?width=431&format=png&auto=webp&s=9a0ec399e89423a595568f97159484bb33fa7df0 When I try to use the user value i always get undefined. I am using it like this: https://preview.redd.it/5qlnnuj98twc1.png?width=424&format=png&auto=webp&s=367f5fa74e4af325465fd010300d08154f018ec6 In the template the data writes out just fine, but I cannot manipulate with the data in my setup. onMount doesn't solve the issue. Watch does, b ..read more

Hey there guys, I wanted to use vue-apollo with typescript in my vue project, but the vue-apollo documentation doesn't provide any examples in the typescript implementation. Can u guys share any resources (tutorial, blogs or open source projects)? Thanks in advance. submitted by /u/Majestic_Rule9192 [visit reddit] [comments ..read more

Hey there guys, I wanted to use vue-apollo with typescript in my vue project, but the vue-apollo documentation doesn't provide any examples in the typescript implementation. Can u guys share any resources (tutorial, blogs or open source projects)? Thanks in advance. submitted by /u/Majestic_Rule9192 [visit reddit] [comments ..read more

I have simple function which return an array. I am using this array to provide me background color i can use for td. when i toggle value for showTacticsColor from 1 to 0 and back to 1. I see my v-for is iterating over more elements than those in array. e.g. When I start the application td values are - 0 -1 -2 -3 -4 -5 -6 -7 -8 -9 - then I remove 1 from the text box. and i get 0 -1 -2 -4 -4 -3 - #ffffff4 -5 - #ffffff6 -7 -8 -9 - Question: Where is this extra '4' number two times after 0-1-2- coming from? PlayGround Link <script setup> import { ref } from 'vue' const showTacticsColor = re ..read more

submitted by /u/shailendra-mechcloud [visit reddit] [comments ..read more

I have a small fantasy football website with a decent following written in Flask+Jinja/Bootstrap that I recently decided to convert to an ASGI framework using FastAPI. That change got me a little motivated and I decided to give some front end work a try. The old site is still up and running, but thinking about moving that traffic over to this new one. I was hoping some in the community might take the time to give me some feedback. www.fantasynavigator.com submitted by /u/skysetter [visit reddit] [comments ..read more

I see a warning in the console.log that I want to omit to avoid unwanted side effects. Component <Anonymous>: setup function returned a promise, but no <Suspense> boundary was found in the parent component tree. A component with async setup() must be nested in a <Suspense> in order to be rendere ​ The reason why I see this is the "await"-statement when I await a promise from a pinia-store: ​ ``` <script setup async lang="ts"> const libraryStore = useLibraryStore() // other declarations await libraryStore.loadArticles(lang, options) </script> ``` What is best prac ..read more

Hey guys, I would like to know your favorite i18n lib for Vue and your problems with it. Also, what is solved very well. In general, I am interested in all problems related to i18n. We are in the process of evaluating the issues Vue users might have more often than other users around the topic. Disclaimer: I am working for Inlang, and we are building ParaglideJs. This is an i18n Library for Svelte, Astro, Next, etc. It's purely about understanding the problems better across all frameworks. submitted by /u/jannesblobel [visit reddit] [comments ..read more

Hi! So I have this file (routes.ts) and here is the code: import { RouteRecordRaw } from 'vue-router'; const routes: RouteRecordRaw[] = [ { name: 'Main', path: '/', component: () => import('layouts/MainLayout.vue'), children: [ { path: '/:associatedForm/:uuid?', component: () => { const associatedForm = ?; return import(`pages/${associatedForm}View.vue`); }, ...other children }, ], },]; export default routes; What I'd like to do is access the param associatedForm right where the ? is to call the right Vue component but I can't seem to find how to do it. submitted by /u/Kyungea100 [v ..read more

Where i can find example how to implement custom v-debounce directive? I need some delay for v-model update in input submitted by /u/dospehTV [visit reddit] [comments ..read more