Store viewport height for mobile (ios safari)

vh.js

 /*!
    ♡♡♡♡♡♡♡♡♡♡♡
    ♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥
    store viewport height for mobile
    ♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥
    ♡♡♡♡♡♡♡♡♡♡♡
    */
    // First we get the viewport height and we multiple it by 1% to get a value for a vh unit
    let vh = window.innerHeight;
    let currentWidth = window.innerWidth;
    // Then we set the value in the --vh custom property to the root of the document
    document.documentElement.style.setProperty('--vh', `${vh}px`);

    // We listen to the resize event
    window.addEventListener('resize', () => {
        if (window.innerWidth !== currentWidth) {
            let vh = window.innerHeight;
            document.documentElement.style.setProperty('--vh', `${vh}px`);
        }
    });