feat: update deps & example

.playground/app.vue

@@ -61,6 +61,8 @@ const fakeArray = ref(colors)
       >
         {{ idx }}
       </SwiperSlide>
+
+      <SwiperControls />
     </Swiper>
     <h2>Swiper Card Effect</h2>
     <Swiper

.playground/components/SwiperControls.vue

@@ -0,0 +1,8 @@
+<script setup lang="ts">
+const swiper = useSwiper()
+</script>
+
+<template>
+  <button @click="swiper.slideNext()">Next</button>
+  <button @click="swiper.slidePrev()">Previous</button>
+</template>

README.md

@@ -62,13 +62,6 @@ export default defineNuxtConfig({
     // modules: ['navigation', 'pagination'], // all modules are imported by default
   }
 })
-
-// or inline config
-export default defineNuxtConfig({
-  modules: [['nuxt-swiper', {
-    // Swiper options
-  }]]
-})
 ```
 
 ## Usage
@@ -149,7 +142,6 @@ type SwiperModulesType =
   | 'hash-navigation'
   | 'history'
   | 'keyboard'
-  | 'lazy'
   | 'manipulation'
   | 'mousewheel'
   | 'navigation'

examples/swiper-basic/app.vue

@@ -42,6 +42,9 @@ const slides = ref(Array.from({ length: 10 }, () => {
       >
         {{ idx }}
       </SwiperSlide>
+
+      <!-- useSwiper() within a swiper instance -->
+      <SwiperControls />
     </Swiper>
     <h2>Swiper Card Effect</h2>
     <Swiper

examples/swiper-basic/components/SwiperControls.vue

@@ -0,0 +1,8 @@
+<script setup lang="ts">
+const swiper = useSwiper()
+</script>
+
+<template>
+  <button @click="swiper.slideNext()">Next</button>
+  <button @click="swiper.slidePrev()">Previous</button>
+</template>

package.json

@@ -41,24 +41,24 @@
     "prepare": "nuxt-module-build && nuxi prepare .playground"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.2.3",
-    "swiper": "^9.1.0"
+    "@nuxt/kit": "^3.3.3",
+    "swiper": "^9.2.0"
   },
   "devDependencies": {
     "@nuxt/module-builder": "latest",
-    "@nuxt/test-utils": "^3.1.2",
+    "@nuxt/test-utils": "^3.3.3",
     "@nuxtjs/eslint-config-typescript": "latest",
-    "@typescript-eslint/parser": "^5.50.0",
-    "eslint": "^8.29.0",
-    "nuxt": "^3.2.3",
-    "release-it": "^15.6.1",
-    "typescript": "^4.9.5",
-    "vitest": "^0.29.2"
+    "@typescript-eslint/parser": "^5.57.1",
+    "eslint": "^8.37.0",
+    "nuxt": "^3.3.3",
+    "release-it": "^15.10.1",
+    "typescript": "^5.0.3",
+    "vitest": "^0.29.8"
   },
   "resolutions": {
     "nuxt-swiper": "link:."
   },
-  "packageManager": "pnpm@7.28.0",
+  "packageManager": "pnpm@8.1.1",
   "release-it": {
     "git": {
       "commitMessage": "chore(release): v${version}"