<template>
    <div class="p-4">
        <h1 class="page-title">Home</h1>
        <div class="flex flex-wrap -m-2 mt-2">
            <OpenWeatherCard class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4" />
            <MemoHome class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4" />
            <AutomaticLinksHome class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4" />
            <AutomaticMeteoHome class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4" />
        </div>
    </div>
</template>

<script>
import OpenWeatherCard from './Meteo/OpenWeatherCard'
import MemoHome from './Memo/MemoHome'
import AutomaticLinksHome from './Automation/AutomaticLinksHome'
import AutomaticMeteoHome from './Automation/AutomaticMeteoHome'

export default {
    name: 'Home',
    components: {
        OpenWeatherCard, MemoHome, AutomaticLinksHome, AutomaticMeteoHome
    }
}
</script>
