<template> <div> <div class="view login" v-if="state.username === '' || state.username === null"> <form class="login-form" @submit.prevent="Login"> <div class="form-inner"> <h1>Login to FireChat</h1> <label for="username">Username</label> <input type="text" v-model="inputUsername" placeholder="Please enter your username..."> <input type="submit" value="Login"> </div> </form> </div> <div class="view chat" v-else> <h1>Chat View</h1> </div> </div> </template> <script> import { reactive, onMounted, ref } from 'vue'; import db from './db'; export default { setup () { const inputUsername = ref(""); const state = reactive({ username: "", messages: [] }); const Login = () => { if (inputUsername.value != "" || inputUsername.value != null) { state.username = inputUsername.value; inputUsername.value = ""; } } return { inputUsername, Login, state } } } </script>

Parece que no puedo entender dónde me estoy equivocando cuando se define el estado, creo. la pantalla no muestra nada. este código es literalmente de un tutorial que vi y funcionó exactamente incluso después de obtener el código del tutorial github repo, todavía muestra este error