Jon 久世
Jon 久世
Explore posts from servers
NNuxt
Created by Jon 久世 on 8/25/2024 in #❓・help
Fix App Folder Structure
No description
1 replies
NNuxt
Created by Jon 久世 on 6/24/2024 in #❓・help
How Do I Access AuthForm Internal State?
I need to access the AuthForm internal state so I can pass an email address for a Forget Password feature. Documentation is not clear on how to do this. How do we access the state?
8 replies
NNuxt
Created by Jon 久世 on 6/20/2024 in #❓・help
How To Change UButton Label Color?
I'm using dark mode by default and set my primary color to purple. I don't like how the default color for my labels are set to black by default. I want to change this to white. How do I override this through configs?
4 replies
NNuxt
Created by Jon 久世 on 6/20/2024 in #❓・help
Computed Property Not Returning offsetHeight
I'm trying to return the new height of an element when it changes within a computed property. I can see the console.log of the new height after the DOM loads in onMounted, but after this if I try to rescale my browser window it never computes again. All the while I can inspect the element and see that the height has changed. What am I missing here?
const background_video = ref(null)

onMounted(() => {
if (background_video.value) {
console.log('background_video.value.offsetHeight: ', background_video.value.offsetHeight)
}
})

const overlay_height = computed(() => {
console.log('overlay_height: ', background_video.value?.offsetHeight - 128)
return background_video.value?.offsetHeight - 128
})
const background_video = ref(null)

onMounted(() => {
if (background_video.value) {
console.log('background_video.value.offsetHeight: ', background_video.value.offsetHeight)
}
})

const overlay_height = computed(() => {
console.log('overlay_height: ', background_video.value?.offsetHeight - 128)
return background_video.value?.offsetHeight - 128
})
3 replies
NNuxt
Created by Jon 久世 on 3/7/2024 in #❓・help
How to Fix slow loading of v-app-bar & v-img
I'm currently working on a new website for my game with Nuxt 3 + Vuetify 3. I'm experiencing a very slow load of the v-app-bar and also v-img components. Please check out the attached video or simply visit https://eonfall.com to see for yourself. What's the best way to address this? Any tips would be soo appreciated! Note: my v-app-bar has a few <NuxtLink> components with <v-btn> nested within them, and my <v-img> components is not doing anything fancy, just using the src attribute to load the image that's it. If you pause the video at 0:02 you'll see where the issue is. Navbar is not loading yet, and logo is also missing. It eventually loads but it shouldn't take 2 seconds to load. Heck the dang 20 MB background video is loading before it... how is that possible! 😅
1 replies