import { defineStore } from 'pinia';
import { ref } from "vue";

export const useUsernameStore = defineStore(
    'username',
    () => {

      const username = ref('')

      const setUsername = (newUsername) => {
        username.value = newUsername
      }

      const removeUsername = () => {
        username.value = ''
      }

      return {
        username, setUsername, removeUsername
      }
    },
    {
      persist: true
    }
)