Vue Js Set Cookie

<!DOCTYPE html>
<html>

<head>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>

<body>
    <div id="app">
        <h3>Vue Js Set Cookie</h3>
        <button @click="setMyData">Set My Data to Cookie</button>
    </div>

<script type="module">
        const app = new Vue({
            el: "#app",
            methods: {
                setCookie(key, value, days) {
                    let expires = "";
                    if (days) {
                        let date = new Date();
                        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                        expires = "; expires=" + date.toUTCString();
                    }
                    document.cookie = key + "=" + (value || "") + expires + "; path=/";
                },
                setMyData() {
                    const key = window.prompt("Enter cookie key:");
                    const value = window.prompt("Enter cookie value:");
                    const days = window.prompt("Enter number of days to keep cookie (optional):");
                    this.setCookie(key, value, days);
                },
            },
        })
    </script>
</body>

</html>