markdown and chat

[matroskin]

How to use @quasar/qmarkdown in QChat component?

[s.molinari]

@matroskin - Your going to have to put some effort into looking at the docs yourself. Those questions are much too general.

Scott

[matroskin]

nevertheless, I see in docs how to use markdown component, like this <q-markdown>text</q-markdown>
but how can I use it in methods?

[s.molinari]

Took me 30 seconds to find this. What docs are you looking at?

https://quasarframework.github.io/app-extension-qmarkdown/docs

Scott

[Hawkeye64]

@matroskin You mean more like a Quasar plugin, type functionality?

[s.molinari]

Now that I’ve read his post for a third time, I think he’s talking about adding QMarkdown to the Chat component.

If that’s the case:

<template>
  <div class="q-pa-md row justify-center">
    <div style="width: 100%; max-width: 400px">
      <q-chat-message
        name="me"
        avatar="https://cdn.quasar.dev/img/avatar3.jpg"
        stamp="7 minutes ago"
        sent
        bg-color="amber-7"
     >
       <q-markdown :src="someMarkdown"/>
     </q-chat-message>
     </div>
  </div>
</template>

@Hawkeye64 - Correct me if I’m wrong.

Scott

[matroskin]

Yep, but messages is Array, so I should use v-for in default slot of q-chat-message, am I right?

[s.molinari]

Sort of. You’ll need to probably do a bit more, like with QVirtualScroll or QInfiniteScroll for the overall solution.

Scott

[Hawkeye64]

Perfect! Love it.