mirror of
				https://github.com/lingble/chatwoot.git
				synced 2025-11-03 20:48:07 +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>
 |