npm update, modal bug fix

src/components/sprites/Character.vue

@@ -1,9 +1,22 @@
 <template>
-  <Sprite ref="sprite" texture="player" :x="position.x" :y="position.y" />
+
+  <Container>
+    <Text
+      :text="'Hello world'"
+      :style="{
+        fontFamily: 'Helvetica, Arial',
+        color: '#42B883',
+        fontSize: '26px',
+        fontStyle: 'bold',
+        strokeThickness: 8,
+        stroke: '#213547'
+      }" />
+    <Sprite ref="sprite" texture="player" :x="position.x" :y="position.y" />
+  </Container>
 </template>
 
 <script lang="ts" setup>
-import { onPostUpdate, onPreUpdate, Sprite, useScene } from 'phavuer'
+import { Container, onPostUpdate, onPreUpdate, Sprite, Text, useScene } from 'phavuer'
 import { reactive, type Ref, ref } from 'vue'
 import config from '@/config'
 import { useSocketStore } from '@/stores/socket'