mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-02 20:18:08 +00:00
To test this, set the `useNextBubble` value to `true` in the
localstorage. Here's a quick command to run in the console
```js
localStorage.setItem('useNextBubble', true)
```
```js
localStorage.setItem('useNextBubble', false)
```
---------
Co-authored-by: Pranav <pranavrajs@gmail.com>
19 lines
492 B
Vue
19 lines
492 B
Vue
<script setup>
|
|
import { computed } from 'vue';
|
|
import BaseBubble from './Base.vue';
|
|
import AudioChip from 'next/message/chips/Audio.vue';
|
|
import { useMessageContext } from '../provider.js';
|
|
|
|
const { attachments } = useMessageContext();
|
|
|
|
const attachment = computed(() => {
|
|
return attachments.value[0];
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<BaseBubble class="bg-transparent" data-bubble-name="audio">
|
|
<AudioChip :attachment="attachment" class="p-2 text-n-slate-12" />
|
|
</BaseBubble>
|
|
</template>
|