I am using ngrok to port-forward a website hosted locally on my machine. The website was built using Laravel, Vue and PHP. When I access it locally (http://127.0.0.1:8000/) everything works well. When I run ngrok (ngrok.exe http 8000), I can…
I am bit confuse about Nginx and vue js router. I have the following uri: / -> home page /ads -> display a list /ad -> create form /add/$id -> dispaly an ad in full view Runing the app whitout…
I have one component in vue.js 2 and Vuetify that receive this data : [ { "anio": 2022, "__typename": "Grupo" }, { "anio": 2020, "__typename": "Grupo" }, { "anio": 2018, "__typename": "Grupo" }, { "anio": 2017, "__typename": "Grupo" }, {…
I have an array containing data of questions that will be displayed. Only one question must be displayed at a time. Once the user selects an answer to a question, they can move to the next one by, either, the…
Here are 3 files: // ./app/index.ts const app = { test: 1, ... } export default app // ./app.ts import app from './app/index' export default app // ./index.vue import { test } from './app.ts' console.log(test) When I run index.vue an…
I have a Vue component and I am trying to set the image src. The data is coming from my api. const product = computed(() => { return store.products.find(product => product.slug === route.params.slug); }); const selectedImage = ref(null); function setMainImage(image)…
Why does an empty string in a vue template return as truthy? <div>{{ "" ?? "empty string is not truthy" }}</div> This will just display the empty string. I have a bunch of empty string fields which I can't check…
In the vue website, I found an example confusing. In <script>, it says const color = ref('green') function toggleColor() { color.value = color.value === 'green' ? 'blue' : 'green' } In <template>, <p :style="{ color }" @click="toggleColor"> This should be…
So I am getting this warning in nuxt3: Calling useRoute within middleware may lead to misleading results. Instead, use the (to, from) arguments passed to the middleware to access the new and old routes. This happens because I am calling…
I have a component A，there is a dialog in this component A .I want to use visible property to control the visible of dialog. Component A: <template> <dialog :visible="visibleProp"/> </templage> <script setup> const visibleProp= ref(true) <script> Dialog: <template> <dialog v-model="visible"></dialog>…