Nuxt•3w 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•3w 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•3w ago

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

WirkhofOP•3w ago

Anybody?

Kyllian•3w ago

does this work

Kyllian•3w ago

WirkhofOP•3w ago

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

WirkhofOP•3w ago

check the video.

WirkhofOP•3w ago

It drives me crazy.

Kyllian•3w ago

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

WirkhofOP•3w ago

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

Kyllian•3w ago

yeah but i just never noticed it

Cue•3w 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•3w 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•3w ago

It has nothing to do with Nuxt.

Cue•3w 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•3w 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•2w 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•2w 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•2w ago

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

Everton•2w 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•2w ago

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

Everton•2w ago

I tested it here and it worked

WirkhofOP•2w 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?