VueCLIで数を1増やすボタンを付けたい

前提・実現したいこと

VueCLIを用いて、クリックすると数が１増えるボタンを作りたいと考えています。
下のようなコードを書いたのですが、クリックしても数が増えません。
chrome上では数とボタンは表示されています。
どなたか教えてください。

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

chromeのコンソールでは下のようなエラーが出ていました。

A cookie associated with a cross-site resource at http:\google.com\ was set without the `SameSite` attribute. A future 
release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. 
You can review cookies in developer tools under Application>Storage>Cookies and see more details at 
https:\www.chromestatus.com\feature/5088147346030592 and https:\www.chromestatus.com\feature/5633521622188032.

App.vue

<template>
    <div>
        {{number}}
        <button @click="increment">+1</button>
    </div>
</template>

<script>
export default{
    data() {
        return{
            number: 5
        };
    },
    methods: {
        increment() {
            this.number += 1;
        }
    }
};
</script>