Did a lot. Tested SSE & started on socket.io, should prob kill s.io replace w/ ws
This commit is contained in:
@@ -97,7 +97,7 @@ export default {
|
||||
this.socket = null;
|
||||
},
|
||||
mounted() {
|
||||
this.socket = io(window.location.origin);
|
||||
this.socket = io('/chat');
|
||||
this.socket.on("chat", msg => {
|
||||
this.chatHistory.push(msg);
|
||||
});
|
||||
|
||||
22
frontend/ui/Chevron.vue
Normal file
22
frontend/ui/Chevron.vue
Normal file
@@ -0,0 +1,22 @@
|
||||
<template>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down" :class="{rotate}"><polyline points="6 9 12 15 18 9"></polyline></svg>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
rotate: false,
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.feather-chevron-down {
|
||||
transition: all .3s ease;
|
||||
transform-origin: 12px;
|
||||
|
||||
&.rotate {
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user