Please see this minimum example, if I use useState , normally, I can write something like this: <script setup> const num = useState('num', () => 1); </script> <template> <div> {{ num }} </div> <div> {{ typeof num }} </div> <div>…
I was wondering how can I convert this little snippet from typescript into JS. <script setup lang="ts"> import { type Content } from '@prismicio/client'; defineProps( getSliceComponentProps<Content.HeroSlice>([ "slice", ]), ); </script>
I'm using Nuxt3 with K8 and want to pass some secrets using Kubernetes Secrets to my Nuxt3 app. I cannot set the environment variables in my Docker container directly, because the container is public. So I build the image docker…
does someone of you know, what the correct way of dynamically binding the content tailwind class in vuejs3/nuxtjs3 is? Let's assume, that const isExpanded = true <h1 :class="{'after:content-[`:`]' : isExpanded}">Hello</h1> I have tried it with backticks (`) but it ain't…
Let's say we have following pages: /profile-edit: A private page, where the user can edit his profile let's call him "Sam James". /profile/sam-james: A publicy available profile page (like LinkedIn, Facebook etc., which should have very good SEO and performance…
I am making a simpe "email confirm" page. It gets confirm key from URL, sends a POST request to API which returns true or nothing. If key is correct the API removes it from database and returns true so the…
I am setting up build pipelines in Azure DevOps, but cannot get the NuxtJS 3 app to run when deploying via a Release Pipeline. When deploying it straight from the DevOps Build Pipeline, it works. This isn't ideal for us.…
In a Nuxt3 project, I'm using v-model on a component. According to the Vue docs, this is how to do it: In the parent component: <MyInput v-model="myData" placeholder="My placeholder" /> In the child component <template> <div class="my-input"> <input :value="modelValue" @input="$emit('update:modelValue',…
With following code sometimes I need to redirect to '/my/path', and it works, but before the redirect hits, user can see this page for few milliseconds (Text you shouldn't see), and then they get redirected to 'my/path' as expected. But…
<div class="container-body" v-for="index in 10" :key="index"> <div class="container-content"></div> <div class="container-content"> <input :id="'Row'+index+'-input1'" type="text"> </div> <div class="container-content"> <input :id="'Row'+index+'-input2'" type="text" class="disabled"> </div> <div class="container-content"> <div class="custom-control custom-checkbox"> <input :id="'Row'+index+'checkbox'" class="form-check-input" type="checkbox" disabled> </div> </div> <div class="container-content delete"> <img/> </div> </div> I…