Applying functions to the contents of reactive-list items

[snakonechny]

Greetings! I realize this might be well outside of the scope of this package, but given my novice knowledge of Vue I'd appreciate any pointers in the right direction. In a nutshell, I'd like to take the text the comes back into a card of reactive-list, apply an arbitrary function to that string, and pass some outputs of that function as props of a different component. In a pseudo example,

<reactive-list
            componentId="ResultList"
            dataField="textBody"
            className="result-list-container"
            :from="0"
            :size="10"
            :react="{ and: ['SearchBox']}"
        >

          <div slot="renderItem" slot-scope="{ item }">
              <div class="article-box">
                  <div class="date">
                      {{ item.publication_date }}
                  </div>
                  <div class="caption">
                      {{ item.caption }}
                  </div>
                  
                  <div class="body-text">
                      {{ item.body }} <!-- take this string and pass it to function for some pre-processing, then render the results via a separate component, inside each result card
                  </div>
              </div>
          </div>

I've tried calling a function inside <div class="body-text"></div> via v-html="$options.methods.myCustomFunction(item.body)", but then I'm not sure about a) where to store the results of that function and b) render different components with these outputs.

Again, any help would be very much appreciated!

Cheers,
SN