kyuwoo-choi

<div class="carousel-wrapper">
    <div dir="ltr" class="slick-slider slick-initialized" data-v-6bed67a2>
        <div class="slick-list" data-v-6bed67a2>
            <div class="slick-track" style="width:433.33333333333337%;left:-100%;" data-v-4dc0f449 data-v-6bed67a2>
                <div tabIndex="-1" data-index="-3" aria-hidden="true" class="slick-slide slick-cloned" style="width:7.6923076923076925%;" data-v-4dc0f449>
                    <div data-v-4dc0f449>
                        <div tabIndex="-1" class="img-wrapper" style="width:100%;display:inline-block;" data-v-4dc0f449><img src="./3-200x100.jpg" data-v-4dc0f449></div>
                    </div>
                </div>
                <!-- ... -->

kyuwoo-choi

<div class="carousel-wrapper">
    <VueSlickCarousel v-bind="slickOptions">
        <div v-for="i in 5" :key="i" class="img-wrapper">
            <img :src="`./${i}-200x100.jpg`" />
        </div>
    </VueSlickCarousel>
</div>

kyuwoo-choi

<div class="carousel-wrapper" data-v-d589df72>
	<div data-v-d589df72>
		<div class="swiper-wrapper" data-v-d589df72>
			<div class="img-wrapper swiper-slide" data-v-d589df72><img src="./1-200x100.jpg" data-v-d589df72></div>
			<div class="img-wrapper swiper-slide" data-v-d589df72><img src="./2-200x100.jpg" data-v-d589df72></div>
			<div class="img-wrapper swiper-slide" data-v-d589df72><img src="./3-200x100.jpg" data-v-d589df72></div>
			<div class="img-wrapper swiper-slide" data-v-d589df72><img src="./4-200x100.jpg" data-v-d589df72></div>
			<div class="img-wrapper swiper-slide" data-v-d589df72><img src="./5-200x100.jpg" data-v-d589df72></div>
		</div>
	</div>

kyuwoo-choi

<div class="carousel-wrapper">
  <div v-swiper:mySwiper="options">
    <div class="swiper-wrapper">
      <div v-for="i in 5" :key="i" class="img-wrapper swiper-slide">
        <img :src="`./${i}-200x100.jpg`" />
      </div>
    </div>
  </div>
</div>

kyuwoo-choi

<div class="carousel-wrapper">
  <!---->
</div>

kyuwoo-choi

<div class="carousel-wrapper">
  <client-only>
    <agile :options="options">
      <div v-for="i in 5" :key="i" class="img-wrapper">
        <img :src="`./${i}-200x100.jpg`" />
      </div>
    </agile>
  </client-only>
</div>

kyuwoo-choi

<div class="carousel-wrapper">
  <!---->
</div>

kyuwoo-choi

[{"pid":491,"tid":29955,"ts":99556444261,"ph":"X","cat":"disabled-by-default-devtools.timeline","name":"RunTask","dur":63,"tdur":48,"tts":820181670,"args":{}},
{"pid":491,"tid":29955,"ts":99556444430,"ph":"X","cat":"disabled-by-default-devtools.timeline","name":"RunTask","dur":22,"tdur":22,"tts":820181745,"args":{}},
{"pid":491,"tid":29955,"ts":99556444715,"ph":"X","cat":"disabled-by-default-devtools.timeline","name":"RunTask","dur":16,"tdur":16,"tts":820181832,"args":{}},
{"pid":491,"tid":29955,"ts":99556445055,"ph":"X","cat":"disabled-by-default-devtools.timeline","name":"RunTask","dur":32,"tdur":27,"tts":820181871,"args":{}},
{"pid":491,"tid":29955,"ts":99556446037,"ph":"X","cat":"disabled-by-default-devtools.timeline","name":"RunTask","dur":82,"tdur":72,"tts":820182175,"args":{}},
{"pid":491,"tid":29955,"ts":99556449499,"ph":"X","cat":"disabled-by-default-devtools.timeline","name":"RunTask","dur":53,"tdur":52,"tts":820182302,"args":{}},

kyuwoo-choi

// Rust
#[wasm_bindgen]
pub struct Foo {
    contents: u32,
}

#[wasm_bindgen]
impl Foo {
    pub fn new() -> Foo {
        Foo { contents: 0 }

kyuwoo-choi

#[wasm_bindgen]
extern {
    type console;

    #[wasm_bindgen(static = console)]
    fn log(s: &str);
}