fix: 🐛 No swiper on desktop

This commit is contained in:
ThatOneCalculator 2022-09-15 10:43:48 -07:00
parent 039660857b
commit 8443722a5d
11 changed files with 21 additions and 2 deletions

View file

@ -1,6 +1,6 @@
{
"name": "calckey",
"version": "12.119.0-calc.1",
"version": "12.119.0-calc.1-rc",
"codename": "aqua",
"repository": {
"type": "git",

View file

@ -6,6 +6,7 @@
:modules="[Virtual]"
:space-between="20"
:virtual="true"
:allow-touch-move="deviceKind === 'smartphone'"
@swiper="setSwiperRef"
@slide-change="onSlideChange"
>
@ -90,7 +91,7 @@
</template>
<script lang="ts" setup>
import { ref, computed } from 'vue';
import { ref, computed, onMounted } from 'vue';
import { Virtual } from 'swiper';
import { Swiper, SwiperSlide } from 'swiper/vue';
import XEmojis from './about.emojis.vue';
@ -106,6 +107,7 @@ import * as os from '@/os';
import number from '@/filters/number';
import { i18n } from '@/i18n';
import { definePageMetadata } from '@/scripts/page-metadata';
import { deviceKind } from '@/scripts/device-kind';
import { iAmModerator } from '@/account';
import 'swiper/scss';
import 'swiper/scss/virtual';

View file

@ -6,6 +6,7 @@
:modules="[Virtual]"
:space-between="20"
:virtual="true"
:allow-touch-move="deviceKind === 'smartphone'"
@swiper="setSwiperRef"
@slide-change="onSlideChange"
>
@ -91,6 +92,7 @@ import bytes from '@/filters/bytes';
import * as os from '@/os';
import { i18n } from '@/i18n';
import { definePageMetadata } from '@/scripts/page-metadata';
import { deviceKind } from '@/scripts/device-kind';
import { acct } from '@/filters/user';
import { iAmAdmin, iAmModerator } from '@/account';
import 'swiper/scss';

View file

@ -6,6 +6,7 @@
:modules="[Virtual]"
:space-between="20"
:virtual="true"
:allow-touch-move="deviceKind === 'smartphone'"
@swiper="setSwiperRef"
@slide-change="onSlideChange"
>
@ -45,6 +46,7 @@ import MkPagination from '@/components/MkPagination.vue';
import MkButton from '@/components/MkButton.vue';
import { useRouter } from '@/router';
import { definePageMetadata } from '@/scripts/page-metadata';
import { deviceKind } from '@/scripts/device-kind';
import { i18n } from '@/i18n';
import 'swiper/scss';
import 'swiper/scss/virtual';

View file

@ -7,6 +7,7 @@
:modules="[Virtual]"
:space-between="20"
:virtual="true"
:allow-touch-move="deviceKind === 'smartphone'"
@swiper="setSwiperRef"
@slide-change="onSlideChange"
>
@ -48,6 +49,7 @@ import MkRadios from '@/components/form/radios.vue';
import number from '@/filters/number';
import * as os from '@/os';
import { definePageMetadata } from '@/scripts/page-metadata';
import { deviceKind } from '@/scripts/device-kind';
import { i18n } from '@/i18n';
import { instance } from '@/instance';
import XUserList from '@/components/MkUserList.vue';

View file

@ -6,6 +6,7 @@
:modules="[Virtual]"
:space-between="20"
:virtual="true"
:allow-touch-move="deviceKind === 'smartphone'"
@swiper="setSwiperRef"
@slide-change="onSlideChange"
>
@ -55,6 +56,7 @@ import MkFolder from '@/components/MkFolder.vue';
import MkPagination from '@/components/MkPagination.vue';
import MkGalleryPostPreview from '@/components/MkGalleryPostPreview.vue';
import { definePageMetadata } from '@/scripts/page-metadata';
import { deviceKind } from '@/scripts/device-kind';
import { i18n } from '@/i18n';
import { useRouter } from '@/router';
import 'swiper/scss';

View file

@ -6,6 +6,7 @@
:modules="[Virtual]"
:space-between="20"
:virtual="true"
:allow-touch-move="deviceKind === 'smartphone'"
@swiper="setSwiperRef"
@slide-change="onSlideChange"
>
@ -149,6 +150,7 @@ import number from '@/filters/number';
import bytes from '@/filters/bytes';
import { iAmModerator } from '@/account';
import { definePageMetadata } from '@/scripts/page-metadata';
import { deviceKind } from '@/scripts/device-kind';
import { i18n } from '@/i18n';
import MkUserCardMini from '@/components/MkUserCardMini.vue';
import MkPagination from '@/components/MkPagination.vue';

View file

@ -13,6 +13,7 @@
:modules="[Virtual]"
:space-between="20"
:virtual="true"
:allow-touch-move="deviceKind === 'smartphone'"
@swiper="setSwiperRef"
@slide-change="onSlideChange"
>

View file

@ -6,6 +6,7 @@
:modules="[Virtual]"
:space-between="20"
:virtual="true"
:allow-touch-move="deviceKind === 'smartphone'"
@swiper="setSwiperRef"
@slide-change="onSlideChange"
>
@ -46,6 +47,7 @@ import MkButton from '@/components/MkButton.vue';
import { useRouter } from '@/router';
import { i18n } from '@/i18n';
import { definePageMetadata } from '@/scripts/page-metadata';
import { deviceKind } from '@/scripts/device-kind';
import 'swiper/scss';
import 'swiper/scss/virtual';

View file

@ -40,6 +40,7 @@
:modules="[Virtual]"
:space-between="20"
:virtual="true"
:allow-touch-move="deviceKind === 'smartphone'"
@swiper="setSwiperRef"
@slide-change="onSlideChange"
>
@ -78,6 +79,7 @@ import { instance } from '@/instance';
import { $i } from '@/account';
import { definePageMetadata } from '@/scripts/page-metadata';
import { deviceKind } from '@/scripts/device-kind';
import { deviceKind } from '@/scripts/device-kind';
import 'swiper/scss';
import 'swiper/scss/virtual';

View file

@ -6,6 +6,7 @@
:modules="[Virtual]"
:space-between="20"
:virtual="true"
:allow-touch-move="deviceKind === 'smartphone'"
@swiper="setSwiperRef"
@slide-change="onSlideChange"
>
@ -44,6 +45,7 @@ import { userPage, acct as getAcct } from '@/filters/user';
import * as os from '@/os';
import { useRouter } from '@/router';
import { definePageMetadata } from '@/scripts/page-metadata';
import { deviceKind } from '@/scripts/device-kind';
import { i18n } from '@/i18n';
import { $i } from '@/account';
import 'swiper/scss';