Слайдер Vue 3
Добавил свой простой слайдер на vue 3, который умеет перелистывать изображения зажатием мышки и пальцем на смартфонах. Также в этом слайдере используется тег img для отображения картинок, что семантически чаще всего является правильным в отличие от div.
В примере я использовал typescript, script setup, module css.
<script setup lang="ts">
import { ref } from 'vue'
import Img1 from './1.jpg'
import Img2 from './2.jpg'
import Img3 from './3.jpg'
const slider = ref<HTMLElement | null>(null)
const images = ref([Img3, Img1, Img2])
const current_index = ref(0)
const position = ref(0)
let is_dragging = false
let prev_position = 0
let start_x = 0...