Ofuscate link with NuxtLink

[agracia-foticos]

We want change the behaviour of NuxtLink

We want remove href, and add

onClick="window.location(hrefProperty)"

the final code is

<a href="#" onClick="window.location(hrefProperty)">Anchor text</a>

I see that
https://nuxt.com/docs/api/components/nuxt-link#overwriting-defaults

And a custom property but i don't know how implemented it.

¿Any idea?

Thanks in advance!
Best Regards

[TheAlexLichter]

Probably the best would be writing a wrapper component around <NuxtLink>. But I highly advise against that change as you will lose SEO and a11y benefits for the links.

[agracia-foticos]

we wont want Google crawl a

Rather using robots.txt or meta tags then then yum

we need ofuscate links.

For what reason exactly?

Worst case you can just do a @click="$router.push('URL') on a button. But as mentioned before, this is not recommended.

https://www.fedegomez.es/link-juice-optimizer-plugin-optimizar-crawl-budget/

For optimize the link juice :)

there isn't any option to modify actual NuxtLink to apply @click="$router.push('URL')"???

[TheAlexLichter]

For optimize the link juice :)

Uff. I don't think that's a decent strategy. See eg. John Mueller's tweet or this post.

there isn't any option to modify actual NuxtLink to apply @click="$router.push('URL')"???

No, except building a wrapper component. But that's fully up to you 👍

[agracia-foticos]

For optimize the link juice :)

Uff. I don't think that's a decent strategy. See eg. John Mueller's tweet or this post.

there isn't any option to modify actual NuxtLink to apply @click="$router.push('URL')"???

No, except building a wrapper component. But that's fully up to you +1

Thanks for the info!!!! i see it!!!

And I am already creating my own component that simulates the button that you tell me

Have a good day!!

[AloisSeckar]

For optimize the link juice :)

Uff. I don't think that's a decent strategy. See eg. John Mueller's tweet or this post.

Not saying it is not true in the end, but where is the reason? It is just someone's statement with exactly zero arguments.

[TheAlexLichter]

@AloisSeckar In case you mean my linked posts: John Mueller is working as SEO expert at Google 😋

[priverop]

Why don't you replace NuxtLink for a div and add a @click?

Before:

<NuxtLink :to="...">
  Content
</NuxtLink>

After:

<div @click="window.location(hrefProperty)">
  Content
</div>

Or even with an a as you mentioned:

<a href="#" @click="window.location(hrefProperty)">
  Content
</a>

If you really need to use NuxtLink create a component that wraps that component: https://ogdenstudios.xyz/blog/nuxt-link-wrapper-for-general-vue-components/