What is the architectural name or pattern for my Vue.js + Express.js + MySQL application? I need to explain the architecture of my app for a project, but I'm not sure what name or pattern to attribute to it. Vue.js…
I am trying to create two-way binding but the problem is that I need to know what exactly changes the model ref: parent or child component. When using watch it simply catches all changes and I can't find the way…
I would like the calculate depth method to calculate the depth correctly and instead it is calculating in reverse assigning the first element with depth 2, the second with depth 1 and the third with depth 0, perhaps I need…
Attempting to dynamically render weather information from an API. API request is returning data that I can display in the log and on the page. However, when I attempt to display individual items in my responses arrays, the web console…
The code below is based on vue3 with typescript used. export interface TenantDto { uuid: string; name: string; } export const useTenantStore = defineStore('tenant', { state: () => ({ tenants: [], }), actions: { setMyTenants: (payload: TenantDto[]) => { this.tenants…
I've created simple react App HelloComponent and try to insert into Vue application but i'm unsuccessful // React webpack config const { ModuleFederationPlugin } = require('webpack').container; const { merge } = require('webpack-merge'); const commonConfig = require('./webpack.common'); const path = require('path');…
In Vue 3, how can an element be conditionally wrapped rather than creating two seperate blocks with v-if directive? I have a simplified example here, but the question deals with conditional wrapping. There are a few issues here, in the…
I've got the following component: <template> <Grid :items="items" /> </template> <script setup> import { ref, onMounted } from 'vue' import Grid from '@/components/Grid.vue' import { getData } from '@/services/getData' const items = ref() onMounted(async () => { items.value = await…
I am returning an image source from my local file with MediaType.IMAGE_JPEG. I am able to see the image if I make a call via Postman, but I could not succeed displaying it on HTML. @GetMapping(value = "/{id}/download") public ResponseEntity<Resource>…
import { useEffect, useState } from "react"; const useFetch = () => { const [data, setData] = useState(null); const [isPending, setIsPending] = useState(true); const [error, setError] = useState(null); useEffect(() => { const abortCont = new AbortController() setTimeout(() => { fetch('http://localhost:3000/blogs',…