Vue3でデータが認識されない

Question

ボタンを押すとカウントが増えるサンプルプログラムを書こうとしたらなぜか　counter is defined but never used　というエラーが出てしまいます。pタグに使っているのですが認識されてないようです。どこかおかしいところがあるのでしょうか。
このスクリプトはcomponentsフォルダに入っている子コンポーネントです。

<template>
    <div class="has2">
        <p>has2</p>
        <button v-on:click="count">count</button>
        <p v-text="counter"></p>
    </div>
</template>

<script>
export default {
    name:"has",
    data(){
        counter:0
    },
    methods:{
        count(){this.counter+=1}
    }
}
</script>

Answer 1

data関数の中にreturnを書いてませんでした...