feat(vue): useSwiper and useSwiperSlide context hooks

src/vue/context.js

@@ -0,0 +1,9 @@
+import { inject } from 'vue';
+
+export const useSwiperSlide = () => {
+  return inject('swiperSlide');
+};
+
+export const useSwiper = () => {
+  return inject('swiper');
+};

src/vue/swiper-vue.d.ts

@@ -23,7 +23,7 @@ import {
   FreeModeOptions,
   GridOptions,
 } from '../types';
-import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';
+import { ComponentOptionsMixin, DefineComponent, PropType, Ref } from 'vue';
 import { SwiperOptions, Swiper as SwiperClass } from '../types';
 
 declare const Swiper: DefineComponent<
@@ -479,4 +479,13 @@ declare const SwiperSlide: DefineComponent<{
   };
 }>;
 
-export { Swiper, SwiperSlide };
+declare const useSwiper: () => Ref<SwiperClass>;
+declare const useSwiperSlide: () => Ref<{
+  isActive: boolean;
+  isVisible: boolean;
+  isDuplicate: boolean;
+  isPrev: boolean;
+  isNext: boolean;
+}>;
+
+export { Swiper, SwiperSlide, useSwiper, useSwiperSlide };

src/vue/swiper-vue.js

@@ -1,4 +1,6 @@
 import { Swiper } from './swiper.js';
 import { SwiperSlide } from './swiper-slide.js';
 
+export { useSwiperSlide, useSwiper } from './context.js';
+
 export { Swiper, SwiperSlide };