Ошибка "Property 'author' was accessed during render but is not defined on instance" возникает, когда свойства компонента не были определены или не были переданы корректно при его использовании.
Чтобы исправить данную проблему, необходимо убедиться, что свойства 'author' и 'text' были переданы в компонент MessageBubble при его использовании. Можно передавать свойства через атрибуты компонента в шаблоне или через props в самом компоненте.
Пример передачи свойств 'author' и 'text' при использовании компонента MessageBubble:
```html
<MessageBubble author="John Doe" text="Hello, how are you?"/>
```
Также в компоненте MessageBubble нужно определить эти свойства в блоке props:
```javascript
export default {
props: {
author: String,
text: String
}
}
```
После выполнения этих действий, значения свойств 'author' и 'text' должны быть определены и ошибка не должна возникать.