Nuxt•2mo ago

How to disable this shaking of icon in Nuxtr

when I switch between files e.g. about.vue and index.vue page it is shaking constantly in vs code. It's driving me crazy:

23 Replies

kapa.ai•2mo ago

Hi @Wirkhof. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- Based on your description, it sounds like you're experiencing an issue with page transitions in Nuxt that's causing a shaking effect when switching between pages in VS Code. This is likely related to Nuxt's built-in transition system. You can disable these transitions in a few ways: 1. Disable transitions globally in your nuxt.config.ts file:

export default defineNuxtConfig({
  app: {
    pageTransition: false,
    layoutTransition: false
  }
})

export default defineNuxtConfig({
  app: {
    pageTransition: false,
    layoutTransition: false
  }
})

2. Disable transitions for specific pages using definePageMeta:

<script setup lang="ts">
definePageMeta({
  pageTransition: false,
  layoutTransition: false
})
</script>

<script setup lang="ts">
definePageMeta({
  pageTransition: false,
  layoutTransition: false
})
</script>

If you're using the experimental View Transitions API, you can also disable that:

export default defineNuxtConfig({
  app: {
    viewTransition: false
  },
})

export default defineNuxtConfig({
  app: {
    viewTransition: false
  },
})

These approaches should stop the shaking effect you're experiencing when switching between files in your Nuxt project. Nuxt Transitions Documentation ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•2mo ago

<@1184447325335199871> Kapa.ai is still learning and improving, please let me know how I did by reacting below.

WirkhofOP•2mo ago

Anybody?

Kyllian•2mo ago

does this work

Kyllian•2mo ago

WirkhofOP•2mo ago

No, it still wobbles on cmd + s all the time. Or when I switch from non vue to vue file.

WirkhofOP•2mo ago

check the video.

WirkhofOP•2mo ago

It drives me crazy.

Kyllian•2mo ago

only thing i can think of is adding custom css to hide the icon status.languageStatus is the ID

WirkhofOP•2mo ago

Do you experience the same thing in your VS Code when editing vue files?

Kyllian•2mo ago

yeah but i just never noticed it

Cue•2mo ago

It’s normal. It’s a language status icon. If you don’t like it, hide it. Right click and uncheck Editor Language Status.

WirkhofOP•2mo ago

I like it, I don't like the shaking of it. It's distracting. Who thought it's a good idea? Any idea how to contact the developer of Nuxtr to add an option to disable the shaking part?

Cue•2mo ago

It has nothing to do with Nuxt.

Cue•2mo ago

Perhaps file an issue with vscode https://github.com/microsoft/vscode

GitHub

GitHub - microsoft/vscode: Visual Studio Code

Visual Studio Code. Contribute to microsoft/vscode development by creating an account on GitHub.

WirkhofOP•2mo ago

But it does that only for Vue projects. How do you explain that? This is a Next project and there is no wobble:

WirkhofOP•2mo ago

I have seen it only in Vue projects. Never in React/Next projects. So, it's something Vue specific. And why is it shaking in the first place? What is it signaling? An error? Something's wrong? I am totally confused. And given the responses here, I am not alone, it seems. The authors wanted to say something with the shaking but I see no error if I click on that icon, so it's probably safe to say their messaging is not working for an idiot like me. If anybody knows that that shaking suppose to mean, please, let me know. Anybody? In a sense Vue/Nuxt tooling reminds me of Ruby (ptsd of Rubocop). Super hard to setup on a mac. IDE support outside of paid RubyMine is meh to very bad. It's the same with Vue/Nuxt. Why nobody cares? How can I be the first one who thinkgs this shaking icon is not an issue? Am I in a Twilight Zone? Where is everybody? It's really a disappointing experience coming to Nuxt from SvelteKit and Next.

johntanzer•2mo ago

@Wirkhof hoping this is some sort of joke 🙈 Do you have any clue how many devs use nuxt with viscose daily on Mac. Literally no setup required!

WirkhofOP•2mo ago

what is viscose? some chemical? how do you deal with that blinking? Why doesn't it bother you?

Everton•2mo ago

https://github.com/vuejs/language-tools/issues/5284

GitHub

Insiders prompt exists in latest extension version · Issue #5284 · ...

I believe this is an interesting exploration and discussion on the sustainability of OSS. Due to the current circumstances is complete different, some of the content in the article is no longer val...

WirkhofOP•2mo ago

So, it is fixed now? I will try the nightly build. It would be awsome if it doesn't wobble anymore.

Everton•2mo ago

I tested it here and it worked

WirkhofOP•2mo ago

GREAT! I confirm it's not wobbling anymore!!!!! ;))))) Thanks guys!

Gaming

Programming

How to disable this shaking of icon in Nuxtr

Did you find this page helpful?