Not sure what I'm doing wrong here, I'm breaking some large components down into smaller components, and I've just created a component that is mostly empty like so: <div> test </div> <script> export default { data() {} } </script> I…
This should be a dead-easy question, and maybe isn't specifically vue/vuetify but I'm ramping up and this would help my understanding. New to vue/vuetify, starting a brand-new front end. I'm using v-app-bar Here's my app.vue: <template> <v-app> <v-app-bar :elevation="2"> <!--…
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'm trying to use Handsontable with NuxtJS (VueJS) and HyperFormula. Handsontable works fine but I can't event import HyperFormula. Node.JS 20.10.0 PNPM 9.4.0 When I do this : import { HyperFormula } from 'hyperformula'; I instantly get an error :…
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>
this laravel project works smoothly on local but I cant figure out how to run it on server, I tried so many tricks, nothing worked I uploaded the whole project on root(directory above the public_html) inside a folder named laravel,I…
I have the following component: <template> <div> {{ componentData.symbol }} </div> </template> <script setup> const props = defineProps({ componentData: { type: [Object, null], required: true } }) </script> When the app loads, componentData will be set to null, so componentData.symbol…
I'm new to Vue.js and can't seem to get how an event is passed from a component outside of the router-view to App.vue. I'm currently using the below code in the App.vue <template> <div> <NavBar :userId="userId" :loggedIn="isLoggedIn" /> <router-view :userId="userId"…
I am new to vue.js. I wrote this code: <li class="list-inline-item me-3"> <h5 class="font-size-14" data-toggle="tooltip" data-placement="top" title="From" > <label>Start time</label> <br /> <i class="bx bx-time me-1 text-muted"> <b-form-input class="no-border" :value="object.start_time.slice(0,5)" :disabled="!object.can_change" @input="object.start_time = $event" format="HH:mm" value-type="format" type="time" placeholder="HH:mm"></b-form-input> </i></h5> </li>…
I am trying to scroll through different options that are stored in an array, by using the function below and passing it the correct parameters. But no matter what syntax I try, it doesn't seem to work. This is my…