Loosie94/index.html

## index.html
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Alpine.js isMobile function</title>
</head>
<body x-data="globalData()">
    <script>
        function globalData() {
            return {
                isMobile: /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),

                // Init function will automaticly be fired
                init() {
                    window.addEventListener('resize', this.updateIsMobile.bind(this))
                },

                // Update isMobile data on resize
                updateIsMobile() {
                    this.isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
                },
            }
        }
    </script>
</body>
</html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Alpine.js isMobile function</title>
	</head>
	<body x-data="globalData()">
	<script>
	function globalData() {
	return {
	isMobile: /Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini/i.test(navigator.userAgent),

	// Init function will automaticly be fired
	init() {
	window.addEventListener('resize', this.updateIsMobile.bind(this))
	},

	// Update isMobile data on resize
	updateIsMobile() {
	this.isMobile = /Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini/i.test(navigator.userAgent)
	},
	}
	}
	</script>
	</body>
	</html>