imshvc/noxious_client
1
0
Fork 0
forked from noxious/client
Code Pull Requests Activity

npm update, modal bug fix

Browse Source
This commit is contained in:
Dennis Postma 2024-06-01 15:01:05 +02:00
parent be4e97b476
commit 5c60fadaa3
4 changed files with 31 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
package-lock.json generated
View File

@ -1765,9 +1765,9 @@
"license": "MIT" "license": "MIT"
}, },
"node_modules/@types/node": { "node_modules/@types/node": {
"version": "20.12.13", "version": "20.13.0",
"resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.13.tgz", "resolved": "https://registry.npmjs.org/@types/node/-/node-20.13.0.tgz",
"integrity": "sha512-gBGeanV41c1L171rR7wjbMiEpEI/l5XFQdLLfhr/REwpgDy/4U8y89+i8kRiLzDyZdOkXh+cRaTetUnCYutoXA==", "integrity": "sha512-FM6AOb3khNkNIXPnHFDYaHerSv8uN22C91z098AnGccVu+Pcdhi+pNUFDi0iLmPIsVE0JBD0KVS7mzUYt4nRzQ==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
@ -3401,9 +3401,9 @@
} }
}, },
"node_modules/electron-to-chromium": { "node_modules/electron-to-chromium": {
"version": "1.4.787", "version": "1.4.788",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.787.tgz", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.788.tgz",
"integrity": "sha512-d0EFmtLPjctczO3LogReyM2pbBiiZbnsKnGF+cdZhsYzHm/A0GV7W94kqzLD8SN4O3f3iHlgLUChqghgyznvCQ==", "integrity": "sha512-ubp5+Ev/VV8KuRoWnfP2QF2Bg+O2ZFdb49DiiNbz2VmgkIqrnyYaqIOqj8A6K/3p1xV0QcU5hBQ1+BmB6ot1OA==",
"dev": true, "dev": true,
"license": "ISC" "license": "ISC"
}, },
@ -6845,9 +6845,9 @@
"license": "MIT" "license": "MIT"
}, },
"node_modules/vue-eslint-parser": { "node_modules/vue-eslint-parser": {
"version": "9.4.2", "version": "9.4.3",
"resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.2.tgz", "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
"integrity": "sha512-Ry9oiGmCAK91HrKMtCrKFWmSFWvYkpGglCeFAIqDdr9zdXmMMpJOmUJS7WWsW7fX81h6mwHmUZCQQ1E0PkSwYQ==", "integrity": "sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {

4
src/components/World.vue
View File

@ -3,13 +3,13 @@
<Controls :layer="layer" /> <Controls :layer="layer" />
<Player :layer="layer" /> <Player :layer="layer" />
<Container v-if="zoneStore.isLoaded && zoneStore.getPlayers.length > 0"> <Container v-if="zoneStore.isLoaded && zoneStore.getPlayers.length > 0">
<Player :layer="layer" v-for="player in zoneStore.getPlayers" :key="player.id" :player="player" /> <Character :layer="layer" v-for="player in zoneStore.getPlayers" :key="player.id" :player="player" />
</Container> </Container>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { Container, refObj, TilemapLayer, useScene } from 'phavuer' import { Container, refObj, TilemapLayer, useScene } from 'phavuer'
import Player from '@/components/sprites/player/Player.vue' import Character from '@/components/sprites/Character.vue'
import config from '@/config' import config from '@/config'
import { onBeforeMount, onMounted, reactive, ref, type Ref, toRaw, watch } from 'vue' import { onBeforeMount, onMounted, reactive, ref, type Ref, toRaw, watch } from 'vue'
import Tileset = Phaser.Tilemaps.Tileset import Tileset = Phaser.Tilemaps.Tileset

15
src/components/sprites/player/Player.vue → src/components/sprites/Character.vue
View File

@ -1,9 +1,22 @@
<template> <template>
<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" /> <Sprite ref="sprite" texture="player" :x="position.x" :y="position.y" />
</Container>
</template> </template>
<script lang="ts" setup> <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 { reactive, type Ref, ref } from 'vue'
import config from '@/config' import config from '@/config'
import { useSocketStore } from '@/stores/socket' import { useSocketStore } from '@/stores/socket'

6
src/components/utilities/Modal.vue
View File

@ -13,7 +13,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { defineEmits, onMounted, onUnmounted, ref } from 'vue' import { defineEmits, onMounted, onUnmounted, ref, watch } from 'vue'
const properties = defineProps({ const properties = defineProps({
isModalOpen: { isModalOpen: {
@ -22,6 +22,10 @@ const properties = defineProps({
} }
}); });
watch(() => properties.isModalOpen, (value) => {
isModalOpen.value = value;
});
const isModalOpen = ref(properties.isModalOpen); const isModalOpen = ref(properties.isModalOpen);
const emit = defineEmits(["modal:close", "character:create"]); const emit = defineEmits(["modal:close", "character:create"]);