Nuxt.js+i18nを使用時にnuxt-linkではなくaタグのfrefにtメソッドを使用したい

Question

規模の大きいサイトのリプレイスで多言語サイトをバックエンドから動的に今まで
言語を変更していましたが今回フロント（Nuxt.js+i18n）で行うことに初めてながら挑戦しています。

<a href="https://gooogle/en.com" data-link"｛｛ｔ（'hogehoge'）｝｝">

と記載がある場合にnuxt-linkを使用せず

<a href="https://gooogle/｛｛ｔ（'locale'）｝｝.com" data-link"fugafuga">

などどしてaタグをそのまま流用して使用することは可能でしょうか。
（上記の書き方ではエラーが出てダメだったので回避策をご教示頂きたく）
タブルクォーテーションの中に<template>の中のクォーテーションでラップしたi18nのtメソッドを
書くにはどのようにすればよろしいでしょうか。

規模があまりにも大きい為このような形が望ましいのですが
大変お手数ではございますがご教示頂ければ幸いと存じます。

それでは宜しくお願いいたします。

Comments

[aaharu]

「まだ回答を求めています」となっていますが、すでに回答はいただいているようですし、それで解決しなかった理由などもわからないので、何かしら追記できますか。

Answer 1

<a :href="'https://gooogle/' + ｔ('locale') + '.com'">

{{このカタチ}}でjavascriptが展開されるのは、タグと閉じタグの間に記述したときだけです。
hrefなどの属性にjavascriptを記述したい場合は、v-bind:hrefあるいは省略記法で:hrefとしてやります。
ダブルクォート内はjavascriptとして評価されるので、変数・関数以外は文字列としてやる必要があります。