message: docs: homepage add swiper in md
diff: </div> -->
  <!-- Slider main container -->
  </div>
  - <div v-if="isSafari !== null" class="swiper-container mySwiper">
  - <div v-if="isSafari" class="swiper-wrapper">
  + <div class="swiper-container mySwiper">
  + <div class="swiper-wrapper">
  <div class="swiper-slide">
  <embed src="/images/homecode1.svg" type="image/svg+xml">
  </div>
  <embed src="/images/homecode4.svg" type="image/svg+xml">
  </div>
  </div>
  - <div v-else class="swiper-wrapper">
  - <div class="swiper-slide">
  - <img src="/images/homecode1.svg" alt="">
  - </div>
  - <div class="swiper-slide">
  - <img src="/images/homecode2.svg" alt="">
  - </div>
  - <div class="swiper-slide">
  - <img src="/images/homecode3.svg" alt="">
  - </div>
  - <div class="swiper-slide">
  - <img src="/images/homecode4.svg" alt="">
  - </div>
  - </div>
  <div class="swiper-button-next" />
  <div class="swiper-button-prev" />
  </div>
  @@ -125,8 +111,7 @@ export default defineComponent({
  data () {
  return {
  firstFloor: webSiteConfig.home.firstFloor,
  - secondFloor: webSiteConfig.home.secondFloor,
  - isSafari: null
  + secondFloor: webSiteConfig.home.secondFloor
  }
  },
  computed: {
  @@ -136,8 +121,6 @@ export default defineComponent({
  },
  mounted () {
  - this.isSafari = /Safari/i.test(navigator.userAgent) && !/Chrome/i.test(navigator.userAgent)
  - process.nextTick(() => {
  const swiper = new Swiper('.mySwiper', {
  navigation: {
  nextEl: '.swiper-button-next',
  @@ -147,7 +130,6 @@ export default defineComponent({
  delay: 2500
  }
  })
  - })
  }
  })
  </script>
  