<template>
  <swiper-container :slides-per-view="'auto'" :space-between="10">
    <swiper-slide
      v-for="(item, index) in items"
      :key="index"
      style="width: auto;"
    >
      {{ item }}
    </swiper-slide>
  </swiper-container>
</template>

<script setup>
import { register } from "swiper/element/bundle";

register();

const items = ["短文本", "这是一段比较长的文本内容", "中等"];
</script>

<style>
swiper-slide {
  width: auto !important;
  white-space: nowrap;
}
</style>