If-blocks in the new version of framework7

in Framework7 5.7.7 I had this:

{{#if logeado}}
   .....
   ......
{{/if}}

export default {
data: function () {
  var array = JSON.parse(localStorage.getItem("datos_usu"));

  if(array && array.result == 'DONE'){  
    var logeado = true;
  } else {
    var logeado = false;
  }

  return {
    logeado: logeado,
  };
},
methods: { },
on:{
  pageInit: function(page) {
   
  }
 },
};

but in Framework7 6.0.22 it doesn’t work and I don’t know how to put it and I can’t find the information.

Thanks

1 Like

I have upgraded to v6.3.9 and I am trying on home.f7 when I login I refresh the view but it does not show the correct part, could you help me?

<template>
  <div class="page">
    ${logeado && $h`
      <p>Estas logueado</p>
    `}

    ${!logeado && $h`
      <p>No está logeado</p>
    `}
  </div>
</template>
<script>
  export default (props, {$, $f7, $on, $h, $update}) => {
    const logeado = 0;

    var array = JSON.parse(localStorage.getItem("datos_usu"));

    if(array && array.result == 'DONE'){
      const logeado = 1;
    }

    return $render;
  }
</script>
``

You have invalid JavaScript, you can’t const multiple times for same variable:

<script>
  export default (props, {$, $f7, $on, $h, $update}) => {
    let logeado = 0;

    var array = JSON.parse(localStorage.getItem("datos_usu"));

    if(array && array.result == 'DONE'){
      logeado = 1;
    }

    return $render;
  }
</script>
1 Like

Thank you very much, I hadn’t noticed.