How to JS template Label tag in button card

I have a custom field which loop to check which water zone is a plant belong to and update button card with last watering time, but I have to manually update the data array each time i have a new plant or move the plants. With the new organizing label tag I know can use jinja template to get the label tag into array but how do i convert this into JS to be use on button card.

{{ labels("plant.apple_tree") }}

['zone1_irrigation', 'plants']
    custom_fields:
      last_water: |
        [[[
           var zone1 = ["Plumeria Tree", "Fig Tree", "Persimmon Tree", "Cantaloupe", "Watermelon", "Peach Tree", "Apple Tree", "Grape Tree", "Lemon Tree"];
           var zone3 = ["Strawberry", "Jasmine"];
           if (zone1.includes(entity.attributes.friendly_name)) {
             var date = states['sensor.zone1_last_water'].state;
           } else if (zone3.includes(entity.attributes.friendly_name)) {
             var date = states['sensor.zone3_last_water'].state;
           } else {
              return `<ha-icon
                icon="mdi:sprinkler"
                style="width: 12px; height: 12px; color: deepskyblue;">
                </ha-icon><span style="color: var(--text-color-sensor);">Manual</span>`; 
           }

           if (date == "unknown" || date == "unavailable" ){
              return `<ha-icon
                icon="mdi:sprinkler"
                style="width: 12px; height: 12px; color: deepskyblue;">
                </ha-icon><span>Last Water: <span style="color: var(--text-color-sensor);">N/A</span></span>`;
           } else {
              return `<ha-icon
                icon="mdi:sprinkler"
                style="width: 12px; height: 12px; color: deepskyblue;">
                </ha-icon><span style="color: var(--text-color-sensor);">${helpers.formatDateWeekdayShort(date) + " - " + helpers.formatShortDateTime(date)}</span>`;               
           }
        ]]]