Parsing error: Unexpected token $.eslint-plugin-vue エラーについて

前提

Nuxt.jsを使用し、HTML部分に処理を記述しようとしています。

実現したいこと

クリックした際に、表示非表示切り替えを行う実装をしたいです。
@clickがついているimgタグをクリックした際に、"c-menu"classがついているdivを非表示にしたいです。

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

[vue/no-parsing-error] Parsing error: Unexpected token $.eslint-plugin-vue

該当のソースコード

html

<span> <img src="/images/common/menu.png" @click="toggleMenu" /> </span> <div :class="c-menu ${isOpen && `c-menu--open`}"> <ul class="c-menuLists">

type

<script lang="ts"> import { ref } from "@nuxtjs/composition-api"; export default { setup() { const isOpen = ref(false); const toggleMenu = () => { isOpen.value = !isOpen.value; }; return { isOpen, toggleMenu }; }, }; </script>

よろしくお願いいたします。