SEO list

<div x-data="seoContent" class="container font-medium flex flex-col gap-5 md:gap-10 mx-auto my-16 md:my-32 px-4">
    <h1 class="text-center text-2xl mb-8" :class="$store.locator.isAudio ? 'text-audio-700' : ''" x-text="title"></h1>

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
        <template x-for="(item, index) in currentData?.listSEO" :key="index">
            <div :class="{ 'md:col-span-2': item.col === 2, 'md:col-span-3': item.col === 3 }">
                <h2 class="text-xl pb-4 mb-4 border-b border-neutral-200" x-text="item.title"></h2>
                <ul :class="{
                    'space-y-2': true,
                    'md:space-y-0 md:grid md:grid-cols-2 md:gap-2': item.col === 2,
                    'md:space-y-0 md:grid md:grid-cols-3 md:gap-2': item.col === 3
                }">
                    <template x-for="(location, locationIndex) in item.items" :key="locationIndex">
                        <li>
                            <a href="#" class="text-neutral-800" x-text="location"></a>
                        </li>
                    </template>
                </ul>
            </div>
        </template>
    </div>

    <div x-show="currentData?.departementsSEO">
        <h2 class="text-xl pb-4 mb-4 border-b border-neutral-200" x-text="currentData.departementsSEO.title"></h2>
        <div class="grid grid-rows-[repeat(25,minmax(0,1fr))] grid-flow-col gap-3 auto-cols-[minmax(0,1fr)]">
            <template x-for="(departement, index) in currentData.departementsSEO.departements" :key="index">
                <div>
                    <a href="#" class="text-neutral-800" x-text="`${departement.code} - ${departement.name}`"></a>
                </div>
            </template>
        </div>
    </div>

    <div x-show="currentData?.textSEO">
        <template x-for="(section, index) in currentData.textSEO.sections" :key="index">
            <div class="text-sm text-neutral-600 mb-8">
                <h2 class="mb-4" x-text="section.title"></h2>
                <div class="font-normal">
                    <p x-text="section.content"></p>
                </div>
            </div>
        </template>
    </div>
</div>

<script>
    function seoContent() {
        return {
            title: '',
            seoData: {
                "opticiens": {
                    "listSEO": [{
                        "title": "France métropolitaine",
                        "col": 2,
                        "items": ["Opticiens à Paris", "Opticiens à Marseille", "Opticiens à Bordeaux", "Opticiens à Nice", "Opticiens à Strasbourg", "Opticiens à Lyon", "Opticiens à Toulouse", "Opticiens à Lille", "Opticiens à Nantes", "Opticiens à Rennes"]
                    }, {
                        "title": "France d'outre-mer",
                        "col": 1,
                        "items": ["Opticiens à la Guadeloupe", "Opticiens en Martinique", "Opticiens en Guyane", "Opticiens à La Réunion", "Opticiens à Mayotte", "Opticiens en Nouvelle Calédonie", "Opticiens en Polynésie française"]
                    }, {
                        "title": "Monde",
                        "col": 1,
                        "items": ["Opticiens en Espagne", "Opticiens en Belgique", "Opticiens en Suisse", "Opticiens au Maroc", "Opticiens au Portugal", "Opticiens en Colombie", "Opticiens dans le reste du monde"]
                    }],
                    "departementsSEO": {
                        "title": "Départements",
                        "departements": [{
                            "code": "01",
                            "name": "Ain"
                        }, {
                            "code": "02",
                            "name": "Aisne"
                        }, {
                            "code": "03",
                            "name": "Allier"
                        }, {
                            "code": "04",
                            "name": "Alpes-de-haute-provence"
                        }, {
                            "code": "05",
                            "name": "Hautes-alpes"
                        }, {
                            "code": "06",
                            "name": "Alpes-maritimes"
                        }, {
                            "code": "07",
                            "name": "Ardèche"
                        }, {
                            "code": "08",
                            "name": "Ardennes"
                        }, {
                            "code": "09",
                            "name": "Ariège"
                        }, {
                            "code": "10",
                            "name": "Aube"
                        }, {
                            "code": "11",
                            "name": "Aude"
                        }, {
                            "code": "12",
                            "name": "Aveyron"
                        }, {
                            "code": "13",
                            "name": "Bouches-du-rhône"
                        }, {
                            "code": "14",
                            "name": "Calvados"
                        }, {
                            "code": "15",
                            "name": "Cantal"
                        }, {
                            "code": "16",
                            "name": "Charente"
                        }, {
                            "code": "17",
                            "name": "Charente-maritime"
                        }, {
                            "code": "18",
                            "name": "Cher"
                        }, {
                            "code": "19",
                            "name": "Corrèze"
                        }, {
                            "code": "21",
                            "name": "Côte-d'or"
                        }, {
                            "code": "22",
                            "name": "Côtes d'armor"
                        }, {
                            "code": "23",
                            "name": "Creuse"
                        }, {
                            "code": "24",
                            "name": "Dordogne"
                        }, {
                            "code": "25",
                            "name": "Doubs"
                        }, {
                            "code": "26",
                            "name": "Drôme"
                        }, {
                            "code": "27",
                            "name": "Eure"
                        }, {
                            "code": "28",
                            "name": "Eure-et-loir"
                        }, {
                            "code": "29",
                            "name": "Finistère"
                        }, {
                            "code": "2A",
                            "name": "Corse-du-sud"
                        }, {
                            "code": "2B",
                            "name": "Haute-corse"
                        }, {
                            "code": "30",
                            "name": "Gard"
                        }, {
                            "code": "31",
                            "name": "Haute-garonne"
                        }, {
                            "code": "32",
                            "name": "Gers"
                        }, {
                            "code": "33",
                            "name": "Gironde"
                        }, {
                            "code": "34",
                            "name": "Hérault"
                        }, {
                            "code": "35",
                            "name": "Ille-et-vilaine"
                        }, {
                            "code": "36",
                            "name": "Indre"
                        }, {
                            "code": "37",
                            "name": "Indre-et-loire"
                        }, {
                            "code": "38",
                            "name": "Isère"
                        }, {
                            "code": "39",
                            "name": "Jura"
                        }, {
                            "code": "40",
                            "name": "Landes"
                        }, {
                            "code": "41",
                            "name": "Loir-et-cher"
                        }, {
                            "code": "42",
                            "name": "Loire"
                        }, {
                            "code": "43",
                            "name": "Haute-loire"
                        }, {
                            "code": "44",
                            "name": "Loire-atlantique"
                        }, {
                            "code": "45",
                            "name": "Loiret"
                        }, {
                            "code": "46",
                            "name": "Lot"
                        }, {
                            "code": "47",
                            "name": "Lot-et-garonne"
                        }, {
                            "code": "49",
                            "name": "Maine-et-loire"
                        }, {
                            "code": "50",
                            "name": "Manche"
                        }, {
                            "code": "51",
                            "name": "Marne"
                        }, {
                            "code": "52",
                            "name": "Haute-marne"
                        }, {
                            "code": "53",
                            "name": "Mayenne"
                        }, {
                            "code": "54",
                            "name": "Meurthe-et-moselle"
                        }, {
                            "code": "55",
                            "name": "Meuse"
                        }, {
                            "code": "56",
                            "name": "Morbihan"
                        }, {
                            "code": "57",
                            "name": "Moselle"
                        }, {
                            "code": "58",
                            "name": "Nièvre"
                        }, {
                            "code": "59",
                            "name": "Nord"
                        }, {
                            "code": "60",
                            "name": "Oise"
                        }, {
                            "code": "61",
                            "name": "Orne"
                        }, {
                            "code": "62",
                            "name": "Pas-de-calais"
                        }, {
                            "code": "63",
                            "name": "Puy-de-dôme"
                        }, {
                            "code": "64",
                            "name": "Pyrénées-atlantiques"
                        }, {
                            "code": "65",
                            "name": "Hautes-pyrénées"
                        }, {
                            "code": "66",
                            "name": "Pyrénées-orientales"
                        }, {
                            "code": "67",
                            "name": "Bas-rhin"
                        }, {
                            "code": "68",
                            "name": "Haut-rhin"
                        }, {
                            "code": "69",
                            "name": "Rhône"
                        }, {
                            "code": "70",
                            "name": "Haute-saône"
                        }, {
                            "code": "71",
                            "name": "Saône-et-loire"
                        }, {
                            "code": "72",
                            "name": "Sarthe"
                        }, {
                            "code": "73",
                            "name": "Savoie"
                        }, {
                            "code": "74",
                            "name": "Haute-savoie"
                        }, {
                            "code": "75",
                            "name": "Paris"
                        }, {
                            "code": "76",
                            "name": "Seine-maritime"
                        }, {
                            "code": "77",
                            "name": "Seine-et-marne"
                        }, {
                            "code": "78",
                            "name": "Yvelines"
                        }, {
                            "code": "79",
                            "name": "Deux-sèvres"
                        }, {
                            "code": "80",
                            "name": "Somme"
                        }, {
                            "code": "81",
                            "name": "Tarn"
                        }, {
                            "code": "82",
                            "name": "Tarn-et-garonne"
                        }, {
                            "code": "83",
                            "name": "Var"
                        }, {
                            "code": "84",
                            "name": "Vaucluse"
                        }, {
                            "code": "85",
                            "name": "Vendée"
                        }, {
                            "code": "86",
                            "name": "Vienne"
                        }, {
                            "code": "87",
                            "name": "Haute-vienne"
                        }, {
                            "code": "88",
                            "name": "Vosges"
                        }, {
                            "code": "89",
                            "name": "Yonne"
                        }, {
                            "code": "90",
                            "name": "Terr. de belfort"
                        }, {
                            "code": "91",
                            "name": "Essonne"
                        }, {
                            "code": "93",
                            "name": "Seine-st-denis"
                        }, {
                            "code": "94",
                            "name": "Val-de-marne"
                        }, {
                            "code": "95",
                            "name": "Val-d'oise"
                        }]
                    },
                    "textSEO": {
                        "sections": [{
                            "title": "Opticiens ALAIN AFFLELOU",
                            "content": "Lunetier depuis plus de 45 ans, nous vous proposons l'expertise ALAIN AFFLELOU dans nos magasins et sur notre site Internet afflelou.com. Nous sommes présents dans plus de 15 pays dans le monde entier. En France, vous retrouvez nos opticiens partout en France métropolitaine, mais aussi dans les DOM-TOM comme en Guadeloupe, en Martinique, à La Réunion ou encore en Guyane. Retrouvez facilement les magasins les plus proches de chez vous grâce à notre Store Locator. Entrez une ville ou un code postal dans le moteur de recherche, ou utilisez directement le bouton de géolocalisation. Venez ainsi rencontrer nos opticiens pour profiter des services ALAIN AFFLELOU !"
                        }, {
                            "title": "Nos opticiens au cœur des tendances",
                            "content": "Les opticiens ALAIN AFFLELOU se tiennent au courant des nouvelles  tendances de la mode en matière d'optique. De quoi vous aider dans votre choix de nouvelles lunettes de vue ou de soleil ! Facile de se perdre parmi notre large gamme de lunettes de vue et de soleil. Il y a des  couleurs, des formes et des matières de montures pour tous les goûts. Profitez des conseils de nos opticiens pour trouver les plus adaptées à la morphologie de votre visage, votre style et votre mode de vie ! Retrouvez des lunettes rondes au métal de couleur dorée ou noir, pour un style à la fois chic et tendance. Elles donner du peps à vos tenues et un look plus rétro, des montures rectangulaires ou œil de chat de  couleur rouge sont parfaites. Vous ne savez pas quelle monture irait le mieux avec la forme de votre visage ? Quelles lunettes de soleil choisir lorsque vous faites des sports extrêmes ? Quelles lentilles de contact  de couleur porter occasionnellement ? Nos opticiens sont là pour vous donner les meilleurs conseils pour votre santé visuelle."
                        }, {
                            "title": "Retrouvez les meilleurs conseils de nos opticiens en matière d'optique",
                            "content": "Nos opticiens mettent à votre disposition leur expertise dans le domaine de la santé visuelle. Lentilles de contact, lunettes de vue ou lunettes de soleil : ils sauront répondre à toutes vos questions en la matière. Ils peuvent vous conseiller sur les lentilles de contact journalières ou mensuelles, qu'elles soient souples ou rigides. Découvrez celles qui  sont les plus adaptées à votre mode de vie. Vous devez porter des lunettes de vue équipées de verres progressifs ? Saviez-vous que toutes  les montures ne sont pas adaptées à ce type de verres de correction ? Nos opticiens ALAIN AFFLELOU sont là pour vous guider tout au long de  votre choix de lunettes de vue. Les lunettes de soleil peuvent être  adaptées à votre vision en magasin pro nos équipes d'experts. Découvrez  aussi une large gamme de produits d'entretien pour les dispositifs  visuels en vente dans nos magasins."
                        }, {
                            "title": "Profitez des services ALAIN AFFLELOU directement en magasin",
                            "content": "Chez ALAIN AFFLELOU, votre satisfaction est notre priorité. C'est pour  cela que de nombreux services vous attendent en magasin. Nos opticiens s'occupent de tout : de l'entretien de vos lunettes de vue et de  soleil, de l'ajustage gratuit de vos lunettes et de la prise de mesure digitale pour un confort optimal ! En magasin, les opticiens ALAIN AFFLELOU procèdent à des vérifications de la vue (avec ordonnance)  gratuitement… Grâce à votre ordonnance, nos opticiens peuvent vérifier votre vue si  vous avez besoin de renouveler vos lunettes ou vos lentilles de contact. Attention cependant, car cela ne remplace pas une  consultation avec un ophtalmologue. Nos opticiens sont aussi là pour apprendre les bons gestes aux enfants... et aux plus grands. C'est le moment de faire le plein de conseils pour l'entretien de vos lunettes et de  vos lentilles de contact. Si vous portez des lentilles de contact mensuelles, il est  important de bien les entretenir avec des solutions de nettoyage adaptées."
                        }, {
                            "title": "Venez rencontrer les opticiens proches de chez vous",
                            "content": "Vous pouvez prendre rendez-vous avec un opticien sur afflelou.com. Cela  vous permet de ne pas attendre notamment pour l'entretien de vos  lunettes ou pour obtenir un conseil. Pour cela, rendez-vous en ligne sur  notre site Internet et choisissez le magasin et l'horaire qui vous  conviennent le mieux. Faites votre choix parmi un grand nombre de  magasins partout en France. Vous recevrez ensuite une confirmation de  votre rendez-vous dans votre boîte mail. Vous avez un empêchement de  dernière minute ? Aucun souci, vous pouvez annuler ou déplacer votre  rendez-vous directement depuis votre compte. Pratique ! C'est un véritable gain de temps. Et, pour préparer au mieux votre venue en  magasin, chacun d'entre eux dispose d'une fiche où vous pouvez retrouver différentes informations utiles. Sur chaque fiche magasin, retrouvez  ses horaires d'ouverture, ses coordonnées (comme son adresse et son  numéro de téléphone) ainsi que les aménagements mis à disposition pour  son accessibilité aux personnes à mobilité réduite."
                        }]
                    }
                },
                "acousticiens": {
                    "listSEO": [{
                        "title": "France métropolitaine",
                        "col": 3,
                        "items": ["Acousticiens à Paris", "Acousticiens à Lyon", "Acousticiens à Marseille", "Acousticiens à Toulouse", "Acousticiens à Bordeaux", "Acousticiens à Lille", "Acousticiens à Nice", "Acousticiens à Nantes", "Acousticiens à Strasbourg", "Acousticiens à Rennes"]
                    }, {
                        "title": "France d'outre-mer",
                        "col": 1,
                        "items": ["Acousticiens à la Guadeloupe", "Acousticiens en Martinique", "Acousticiens en Nouvelle Calédonie", "Acousticiens en Polynésie française"]
                    }],
                    "departementsSEO": {
                        "title": "Départements",
                        "departements": [{
                            "code": "01",
                            "name": "Ain"
                        }, {
                            "code": "02",
                            "name": "Aisne"
                        }, {
                            "code": "03",
                            "name": "Allier"
                        }, {
                            "code": "04",
                            "name": "Alpes-de-haute-provence"
                        }, {
                            "code": "05",
                            "name": "Hautes-alpes"
                        }, {
                            "code": "06",
                            "name": "Alpes-maritimes"
                        }, {
                            "code": "07",
                            "name": "Ardèche"
                        }, {
                            "code": "08",
                            "name": "Ardennes"
                        }, {
                            "code": "09",
                            "name": "Ariège"
                        }, {
                            "code": "10",
                            "name": "Aube"
                        }, {
                            "code": "11",
                            "name": "Aude"
                        }, {
                            "code": "12",
                            "name": "Aveyron"
                        }, {
                            "code": "13",
                            "name": "Bouches-du-rhône"
                        }, {
                            "code": "14",
                            "name": "Calvados"
                        }, {
                            "code": "15",
                            "name": "Cantal"
                        }, {
                            "code": "16",
                            "name": "Charente"
                        }, {
                            "code": "17",
                            "name": "Charente-maritime"
                        }, {
                            "code": "18",
                            "name": "Cher"
                        }, {
                            "code": "19",
                            "name": "Corrèze"
                        }, {
                            "code": "21",
                            "name": "Côte-d'or"
                        }, {
                            "code": "22",
                            "name": "Côtes d'armor"
                        }, {
                            "code": "23",
                            "name": "Creuse"
                        }, {
                            "code": "24",
                            "name": "Dordogne"
                        }, {
                            "code": "25",
                            "name": "Doubs"
                        }, {
                            "code": "26",
                            "name": "Drôme"
                        }, {
                            "code": "27",
                            "name": "Eure"
                        }, {
                            "code": "28",
                            "name": "Eure-et-loir"
                        }, {
                            "code": "29",
                            "name": "Finistère"
                        }, {
                            "code": "2A",
                            "name": "Corse-du-sud"
                        }, {
                            "code": "2B",
                            "name": "Haute-corse"
                        }, {
                            "code": "30",
                            "name": "Gard"
                        }, {
                            "code": "31",
                            "name": "Haute-garonne"
                        }, {
                            "code": "32",
                            "name": "Gers"
                        }, {
                            "code": "33",
                            "name": "Gironde"
                        }, {
                            "code": "34",
                            "name": "Hérault"
                        }, {
                            "code": "35",
                            "name": "Ille-et-vilaine"
                        }, {
                            "code": "36",
                            "name": "Indre"
                        }, {
                            "code": "37",
                            "name": "Indre-et-loire"
                        }, {
                            "code": "38",
                            "name": "Isère"
                        }, {
                            "code": "39",
                            "name": "Jura"
                        }, {
                            "code": "40",
                            "name": "Landes"
                        }, {
                            "code": "41",
                            "name": "Loir-et-cher"
                        }, {
                            "code": "42",
                            "name": "Loire"
                        }, {
                            "code": "43",
                            "name": "Haute-loire"
                        }, {
                            "code": "44",
                            "name": "Loire-atlantique"
                        }, {
                            "code": "45",
                            "name": "Loiret"
                        }, {
                            "code": "46",
                            "name": "Lot"
                        }, {
                            "code": "47",
                            "name": "Lot-et-garonne"
                        }, {
                            "code": "49",
                            "name": "Maine-et-loire"
                        }, {
                            "code": "50",
                            "name": "Manche"
                        }, {
                            "code": "51",
                            "name": "Marne"
                        }, {
                            "code": "52",
                            "name": "Haute-marne"
                        }, {
                            "code": "53",
                            "name": "Mayenne"
                        }, {
                            "code": "54",
                            "name": "Meurthe-et-moselle"
                        }, {
                            "code": "55",
                            "name": "Meuse"
                        }, {
                            "code": "56",
                            "name": "Morbihan"
                        }, {
                            "code": "57",
                            "name": "Moselle"
                        }, {
                            "code": "58",
                            "name": "Nièvre"
                        }, {
                            "code": "59",
                            "name": "Nord"
                        }, {
                            "code": "60",
                            "name": "Oise"
                        }, {
                            "code": "61",
                            "name": "Orne"
                        }, {
                            "code": "62",
                            "name": "Pas-de-calais"
                        }, {
                            "code": "63",
                            "name": "Puy-de-dôme"
                        }, {
                            "code": "64",
                            "name": "Pyrénées-atlantiques"
                        }, {
                            "code": "65",
                            "name": "Hautes-pyrénées"
                        }, {
                            "code": "66",
                            "name": "Pyrénées-orientales"
                        }, {
                            "code": "67",
                            "name": "Bas-rhin"
                        }, {
                            "code": "68",
                            "name": "Haut-rhin"
                        }, {
                            "code": "69",
                            "name": "Rhône"
                        }, {
                            "code": "70",
                            "name": "Haute-saône"
                        }, {
                            "code": "71",
                            "name": "Saône-et-loire"
                        }, {
                            "code": "72",
                            "name": "Sarthe"
                        }, {
                            "code": "73",
                            "name": "Savoie"
                        }, {
                            "code": "74",
                            "name": "Haute-savoie"
                        }, {
                            "code": "75",
                            "name": "Paris"
                        }, {
                            "code": "76",
                            "name": "Seine-maritime"
                        }, {
                            "code": "77",
                            "name": "Seine-et-marne"
                        }, {
                            "code": "78",
                            "name": "Yvelines"
                        }, {
                            "code": "79",
                            "name": "Deux-sèvres"
                        }, {
                            "code": "80",
                            "name": "Somme"
                        }, {
                            "code": "81",
                            "name": "Tarn"
                        }, {
                            "code": "82",
                            "name": "Tarn-et-garonne"
                        }, {
                            "code": "83",
                            "name": "Var"
                        }, {
                            "code": "84",
                            "name": "Vaucluse"
                        }, {
                            "code": "85",
                            "name": "Vendée"
                        }, {
                            "code": "86",
                            "name": "Vienne"
                        }, {
                            "code": "87",
                            "name": "Haute-vienne"
                        }, {
                            "code": "88",
                            "name": "Vosges"
                        }, {
                            "code": "89",
                            "name": "Yonne"
                        }, {
                            "code": "90",
                            "name": "Terr. de belfort"
                        }, {
                            "code": "91",
                            "name": "Essonne"
                        }, {
                            "code": "93",
                            "name": "Seine-st-denis"
                        }, {
                            "code": "94",
                            "name": "Val-de-marne"
                        }, {
                            "code": "95",
                            "name": "Val-d'oise"
                        }]
                    },
                    "textSEO": {
                        "sections": [{
                            "title": "Acousticiens ALAIN AFFLELOU",
                            "content": "Speed monday explore three ditching calculator resources. Stands take be stakeholder hours pretend baseline working conversation. Land while done asserts launch next lean individual would. Like quick commitment I a managing pollination awareness meeting. Are field power loss anyway incompetent. Marketing hear supervisor rundown team event hours base any read. Day closer roll minimize manage competitors or closest place files. Please old goto money solutionize 30,000ft nobody back busy. When procrastinating bells you hammer player-coach good strategy. Product focus reinvent land live back stands eat best moments."
                        }, {
                            "title": "Retrouvez les meilleurs conseils de nos acousticiens en matière d’audition",
                            "content": "Building member bake space could attached marginalised by shoot. Recap launch data invested first-order backwards long. Food hard knowledge wiggle closer moments. Scope clean without downloaded asserts recap wheel crack team attached. Bells eow three should got hours harvest scraps cadence switch. Game giant highlights wheel what's dangerous low-hanging. Group ask hiring speed before. Great event idea creep chime meat. First-order algorithm event able devil group nor manage minimize. Rundown can cob feature illustration. Box ground regroup ui anyway items optimize quick-win 4-blocker harvest. Break first-order engagement dangerous is client."
                        }, {
                            "title": "Profitez des services ALAIN AFFLELOU directement en magasin",
                            "content": "Out masking pants let that turn finish. With deploy focus every follow high-level make eod email driving. Calculator ladder so got move economy net lean hit when. Team last level both speed believe helicopter deliverables ourselves. Savvy developing hours jumping territories streamline who's brainstorming. Masking individual helicopter alarming sop ask baked race effects. Job synergize pin social people. Eye prioritize scope leverage usabiltiy. Centric blue comms ocean this slipstream up cta plan teeth. Involved data or recap buy-in baseline. To protocol don't synchronise standup. But half say cross invested optimal scraps. Pulling pretend field we've this flesh offline. Options barn boys club emails principles native t-shaped kimono. Three go this sky closing thought."
                        }, {
                            "title": "Venez rencontrer les acousticiens proches de chez vous",
                            "content": "Users important calculator lean before ideal. Today stand this feelers contribution intersection intersection guys don't. On we conversation good data place finish do recap effects. Decisions performance when heads-up vendor ping tent walk going brainstorming. If wiggle dangerous businesses base you buy-in. Resources moments dangerous closing protocol overflow could horse. Moments long closest reference it let's hiring dunder eye. Version door any cc event."
                        }]
                    }
                }
            },
            currentData: null,
            init() {
                // Initialisation immédiate avec la valeur actuelle
                this.updateContent(this.$store.locator.isAudio);
                // Puis on met en place le watcher
                this.$watch('$store.locator.isAudio', value => {
                    this.updateContent(value);
                });
            },
            updateContent(isAudio) {
                if (isAudio) {
                    this.title = "Trouvez votre acousticien ALAIN AFFLELOU";
                    this.currentData = this.seoData.acousticiens;
                } else {
                    this.title = "Trouvez votre opticien ALAIN AFFLELOU";
                    this.currentData = this.seoData.opticiens;
                }
            }
        }
    }
</script>