chromeとsafariで拡大縮小禁止したい

Question

前提・実現したいこと

chromeとsafariでダブルタップをした時に、拡大縮小禁止したい。

発生している問題・エラーメッセージ

webサイトに拡大縮小禁止を適用したいと思い
こちらのブログを参考に実装を行いましたが、拡大縮小禁止できませんでした。
VueJSを使っていて、v-if？？が原因な気がするのですが、どなたか同じような事象を解消された方はいらっしゃいませんでしょうか??

https://nuconeco.net/user-scalable-no/
https://qiita.com/GreenDolphin/items/d74e5758a36478fbc039
https://neos21.net/blog/2018/12/22-01.html

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。