Исправления фронта
Множество оптимизаций по фронту
This commit is contained in:
@@ -41,11 +41,14 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, onUnmounted, onUpdated, watch } from 'vue'
|
||||
import { ref, onMounted, onUnmounted, watch } from 'vue'
|
||||
import { useMobile } from '../../composables/useMobile'
|
||||
import { useLucideIcons } from '../../composables/useLucideIcons'
|
||||
|
||||
const { isMobile } = useMobile()
|
||||
|
||||
useLucideIcons()
|
||||
|
||||
const props = defineProps({
|
||||
show: {
|
||||
type: Boolean,
|
||||
@@ -139,13 +142,6 @@ const handleClose = () => {
|
||||
emit('update:show', false)
|
||||
}
|
||||
|
||||
// Обновление иконок Lucide
|
||||
const refreshIcons = () => {
|
||||
if (window.lucide) {
|
||||
window.lucide.createIcons()
|
||||
}
|
||||
}
|
||||
|
||||
// Блокировка скролла body при открытии панели
|
||||
const lockBodyScroll = () => {
|
||||
document.body.classList.add('panel-open')
|
||||
@@ -165,9 +161,6 @@ watch(() => props.show, (newVal) => {
|
||||
}
|
||||
})
|
||||
|
||||
onMounted(refreshIcons)
|
||||
onUpdated(refreshIcons)
|
||||
|
||||
onUnmounted(() => {
|
||||
document.removeEventListener('mousemove', onResize)
|
||||
document.removeEventListener('mouseup', stopResize)
|
||||
|
||||
Reference in New Issue
Block a user