typescript - Variable está definida pero nunca se usa (no-unused-vars)

Perdón por el inglés pobre :) He utilizado el evento Emit y el método on para transferir los detalles de la variable de un módulo a otro, surge este problema arriba. Mi código abajo

En el archivo App.vue

<v-btn class="ma-2" @click="closeModal()" tile large color="teal" icon>
              <v-icon>mdi-menu</v-icon>
            </v-btn>

methods: {
    closeModal() {
      this.mini = !this.mini;
      Event.$emit("i-got-clicked", this.mini);
    }
  }

En el archivo de navegación izquierda

<v-content :v-show="mini">

mounted() {
    Event.$on("i-got-clicked", mini => {
    //This mini is showing as defined but never used
      this.mini = !this.mini;
    });
  }

Agradezco cualquier respuesta, gracias de antemano

Respuesta #1

El problema está en la primera línea aquí:

Event.$on("i-got-clicked", mini => {

Esto introduce una variable llamada mini y no se utiliza en el código que sigue. mini no es lo mismo que this.mini.

Asumiendo que no lo necesitas, puedes escribir esto en su lugar:

Event.$on("i-got-clicked", () => {

Sin embargo, es posible que desee cambiar la línea que sigue en su lugar:

Event.$on("i-got-clicked", mini => {
  this.mini = mini;

Respuesta #2

:v-show es equivalente a v-bind:v-show y eso no es lo que querías hacer. Eso vincularía una variable con el nombre v-show a ese elemento. Usa v-show sin los dos puntos innecesarios delante. De lo contrario, Vue no lo entenderá.

Lee más sobre el atajo : para v-bind aquí.