Issue with thomasloven/lovelace-layout-card in Grid layout

[woodmj74]

Checklist

• I updated the card to the latest version available
• I cleared the cache of my browser
• I verified that I'm really running the lastest version in my browser console
• I checked if there is another issue opened with the same problem

Describe the bug
When using thomasloven/lovelace-layout-card in grid layout the following parameters are added to the lovelace cards to position it in the defined grid:

layout:
  grid-area: [position]

When using this with ApexCharts an error is thrown.

There appears to be some conversation around layout-card here: #121 but don't think this is the same issue

Version of the card
Version: 1.8.2

To Reproduce
This is the configuration I used:

Card Configuration:

      - type: 'custom:apexcharts-card'
        header:
          show: true
          title: Temperature
          show_states: true
          colorize_states: true
        all_series_config:
          show:
            legend_value: false
        series:
          - entity: sensor.lounge_temperature
          - entity: sensor.landing_temperature
          - entity: sensor.roof_temperature
        layout:
          grid-area: p22

View Configuration:

  - title: People Places
    path: people-places
    background: center / cover no-repeat url("/local/blue-back2.jpg") fixed
    icon: 'mdi:motion-sensor'
    panel: false
    type: 'custom:grid-layout'
    layout:
      grid-template-columns: 20px 1fr 20px 1fr 20px 1fr 20px
      grid-template-rows: auto
      grid-template-areas: |
        ". p11 . p12 . p13 ."
        ". p21 . p22 . p23 ."
      mediaquery:
        '(max-width: 800px)':
          grid-template-columns: 95%
          grid-template-areas: |
            "p11"
            "p12"
            "p13"
            "p21"
            "p22"
            "p23"
    badges: []
    cards:

Screenshots

Expected behavior
To be able to place an apexchart-card in my chosen layout-card grid location

Desktop (please complete the following information):

• Chrome
• Version 89.0.4389.90 (Official Build) (64-bit)

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Appreciate this is probably not an apexchard-card specific issue and a result of using layout-card, specifically the Grid option. Raising it see if there is anything could be done but happily accept an answer that this isn't in scope.

[woodmj74]

Just seen this on the layout-card page so maybe addressed by Thomas

https://github.com/thomasloven/lovelace-layout-card#due-to-name-collisions-with-other-popuplar-lovelace-cards-the-parameter-layout-will-likely-very-soon-be-called-something-else
and
thomasloven/lovelace-layout-card#118

[thomasloven]

This will be fixed in layout-card.

[woodmj74]

Closed as per Thomas comment