Estoy tratando de crear una función que muestre el contenido del sitio solo cuando, después de leer el mensaje, el usuario haga clic en Aceptar o confirme. Esto es lo que tengo hasta ahora. ¡Estoy usando VueCLI para esto! Estos son los errores que obtuve: 10: 1 error 'agregar' no está definido no-undef 14: 9 error Mover la declaración de la función a la raíz del cuerpo de la función no-inner-declarations 14:18 error 'eliminar' está definido pero nunca se usa no- vars no utilizados

Principal.js:

 import Vue from 'vue' import App from './App.vue' Vue.config.productionTip = false new Vue({ render: h => h(App), }).$mount('#app') function validation() { var site = prompt("some text"); if (site == true) { function remove() { var element = document.getElementById("app"); element.classList.remove("none"); } } else if (site == false) { var response = document.getElementById("response"); response.innerHTML = "some text"; } }

Aplicación.vue:

 <template> <div class="none" id="app"> <h1 id="response"></h1> <HeaderComp/> <MainComp/> <FooterComp/> </div> </template>

SCSS:

 <style lang="scss"> @import "bootstrap/dist/css/bootstrap.min.css"; *{ margin: 0; padding: 0; box-sizing: border-box; } .none{ display: none; } </style>