Jon 久世 Posts - Answer Overflow

Jon 久世

Explore posts from servers

NNuxt CDCloudflare Developers

Posts Comments

NNuxt

•Created by Jon 久世 on 8/25/2024 in #❓・help

Fix App Folder Structure

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

Gaming

Programming