diff --git a/e2e/login.ts b/e2e/login.ts
index e4d39346..9f24c68c 100644
--- a/e2e/login.ts
+++ b/e2e/login.ts
@@ -1,4 +1,4 @@
-import { expect, PlaywrightTestArgs } from '@playwright/test';
+import { expect, type PlaywrightTestArgs } from '@playwright/test';
 
 export function login(route: string) {
   return async ({ page }: PlaywrightTestArgs) => {
diff --git a/src/components/ClusterHList.vue b/src/components/ClusterHList.vue
index dde85f27..9705d092 100644
--- a/src/components/ClusterHList.vue
+++ b/src/components/ClusterHList.vue
@@ -21,7 +21,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 
 import Cluster from './frame/Cluster.vue';
 
diff --git a/src/components/ScrollerManager.vue b/src/components/ScrollerManager.vue
index b3a57504..4ccf4d04 100644
--- a/src/components/ScrollerManager.vue
+++ b/src/components/ScrollerManager.vue
@@ -50,7 +50,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 
 import * as utils from '@services/utils';
 
diff --git a/src/components/SelectionManager.vue b/src/components/SelectionManager.vue
index b3365bcb..30f48f1a 100644
--- a/src/components/SelectionManager.vue
+++ b/src/components/SelectionManager.vue
@@ -36,7 +36,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 
 import { showError } from '@nextcloud/dialogs';
 
diff --git a/src/components/admin/AdminMixin.ts b/src/components/admin/AdminMixin.ts
index d8556dc5..0c242d0e 100644
--- a/src/components/admin/AdminMixin.ts
+++ b/src/components/admin/AdminMixin.ts
@@ -1,4 +1,4 @@
-import { defineComponent, PropType } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 import axios from '@nextcloud/axios';
 
 const NcCheckboxRadioSwitch = () => import('@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch');
diff --git a/src/components/frame/Cluster.vue b/src/components/frame/Cluster.vue
index 23d7e620..a20addc6 100644
--- a/src/components/frame/Cluster.vue
+++ b/src/components/frame/Cluster.vue
@@ -33,7 +33,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 
 import NcCounterBubble from '@nextcloud/vue/dist/Components/NcCounterBubble';
 
diff --git a/src/components/frame/Folder.vue b/src/components/frame/Folder.vue
index 75de757e..5314df74 100644
--- a/src/components/frame/Folder.vue
+++ b/src/components/frame/Folder.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 
 import UserConfig from '@mixins/UserConfig';
 
diff --git a/src/components/frame/Photo.vue b/src/components/frame/Photo.vue
index a5c08e19..364fe7ee 100644
--- a/src/components/frame/Photo.vue
+++ b/src/components/frame/Photo.vue
@@ -71,7 +71,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 
 import * as utils from '@services/utils';
 
diff --git a/src/components/frame/RowHead.vue b/src/components/frame/RowHead.vue
index 848e1525..22090cb0 100644
--- a/src/components/frame/RowHead.vue
+++ b/src/components/frame/RowHead.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 
 import * as utils from '@services/utils';
 
diff --git a/src/components/modal/AlbumCollaborators.vue b/src/components/modal/AlbumCollaborators.vue
index 2de3a14a..84267726 100644
--- a/src/components/modal/AlbumCollaborators.vue
+++ b/src/components/modal/AlbumCollaborators.vue
@@ -127,7 +127,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 
 import Magnify from 'vue-material-design-icons/Magnify.vue';
 import Close from 'vue-material-design-icons/Close.vue';
diff --git a/src/components/modal/AlbumForm.vue b/src/components/modal/AlbumForm.vue
index ea5a6f6b..dd4235ec 100644
--- a/src/components/modal/AlbumForm.vue
+++ b/src/components/modal/AlbumForm.vue
@@ -88,7 +88,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 
 import { showError } from '@nextcloud/dialogs';
 import NcButton from '@nextcloud/vue/dist/Components/NcButton';
diff --git a/src/components/modal/AlbumPicker.vue b/src/components/modal/AlbumPicker.vue
index eccc6977..4ee7fa8a 100644
--- a/src/components/modal/AlbumPicker.vue
+++ b/src/components/modal/AlbumPicker.vue
@@ -73,7 +73,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 
 import Fuse from 'fuse.js';
 
diff --git a/src/components/modal/AlbumsList.vue b/src/components/modal/AlbumsList.vue
index 6584c335..2c30e1c0 100644
--- a/src/components/modal/AlbumsList.vue
+++ b/src/components/modal/AlbumsList.vue
@@ -31,7 +31,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton';
 const NcListItem = () => import('@nextcloud/vue/dist/Components/NcListItem');
diff --git a/src/components/top-matter/DynamicTopMatter.vue b/src/components/top-matter/DynamicTopMatter.vue
index 8ebcf0cd..e40503fc 100644
--- a/src/components/top-matter/DynamicTopMatter.vue
+++ b/src/components/top-matter/DynamicTopMatter.vue
@@ -6,8 +6,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
-import { Component } from 'vue';
+import { defineComponent, type Component } from 'vue';
 
 import UserMixin from '@mixins/UserConfig';
 
diff --git a/src/components/viewer/ImageEditor.vue b/src/components/viewer/ImageEditor.vue
index f197db45..e9f40f3f 100644
--- a/src/components/viewer/ImageEditor.vue
+++ b/src/components/viewer/ImageEditor.vue
@@ -8,13 +8,13 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 
 import axios from '@nextcloud/axios';
 import { showError, showSuccess } from '@nextcloud/dialogs';
 import { getLanguage } from '@nextcloud/l10n';
 
-import { FilerobotImageEditorConfig } from 'react-filerobot-image-editor';
+import type { FilerobotImageEditorConfig } from 'react-filerobot-image-editor';
 
 import translations from './ImageEditorTranslations';
 
diff --git a/src/components/viewer/PsImage.ts b/src/components/viewer/PsImage.ts
index 84fe9f27..037b27f4 100644
--- a/src/components/viewer/PsImage.ts
+++ b/src/components/viewer/PsImage.ts
@@ -3,7 +3,7 @@ import PhotoSwipe from 'photoswipe';
 import { isVideoContent } from './PsVideo';
 import { isLiveContent } from './PsLivePhoto';
 import { fetchImage } from '../frame/XImgCache';
-import { PsContent, PsEvent, PsSlide } from './types';
+import type { PsContent, PsEvent, PsSlide } from './types';
 
 import errorsvg from '@assets/error.svg';
 
diff --git a/src/components/viewer/PsVideo.ts b/src/components/viewer/PsVideo.ts
index b0bbe8a0..27e6f27a 100644
--- a/src/components/viewer/PsVideo.ts
+++ b/src/components/viewer/PsVideo.ts
@@ -10,8 +10,8 @@ import { API } from '@services/API';
 
 import type { PsContent, PsEvent } from './types';
 
-import Player from 'video.js/dist/types/player';
-import { QualityLevelList } from 'videojs-contrib-quality-levels';
+import type Player from 'video.js/dist/types/player';
+import type { QualityLevelList } from 'videojs-contrib-quality-levels';
 
 type VideoContent = PsContent & {
   videoElement: HTMLVideoElement | null;
diff --git a/src/components/viewer/Viewer.vue b/src/components/viewer/Viewer.vue
index 3b216fd3..8cfcbe55 100644
--- a/src/components/viewer/Viewer.vue
+++ b/src/components/viewer/Viewer.vue
@@ -185,7 +185,7 @@ import * as utils from '@services/utils';
 import * as nativex from '@native';
 
 import ImageEditor from './ImageEditor.vue';
-import PhotoSwipe, { PhotoSwipeOptions } from 'photoswipe';
+import PhotoSwipe, { type PhotoSwipeOptions } from 'photoswipe';
 import 'photoswipe/style.css';
 import PsImage from './PsImage';
 import PsVideo from './PsVideo';
diff --git a/src/components/viewer/types.ts b/src/components/viewer/types.ts
index 95968b69..6ce1cfc6 100644
--- a/src/components/viewer/types.ts
+++ b/src/components/viewer/types.ts
@@ -1,5 +1,5 @@
 import Content from 'photoswipe/dist/types/slide/content';
-import Slide, { _SlideData } from 'photoswipe/dist/types/slide/slide';
+import Slide, { type _SlideData } from 'photoswipe/dist/types/slide/slide';
 import type { IPhoto, IConfig } from '@typings';
 
 type PsAugment = {
diff --git a/src/router.ts b/src/router.ts
index 32f36993..b5691449 100644
--- a/src/router.ts
+++ b/src/router.ts
@@ -1,4 +1,4 @@
-import Router, { Route, RouteConfig } from 'vue-router';
+import Router, { type Route, type RouteConfig } from 'vue-router';
 import Vue from 'vue';
 
 import { generateUrl } from '@nextcloud/router';
diff --git a/tsconfig.json b/tsconfig.json
index 2213c06c..2d0aaf55 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -17,6 +17,7 @@
     "strictNullChecks": true,
     "alwaysStrict": true,
     "incremental": true,
+    "verbatimModuleSyntax": true,
     "paths": {
       "@services/*": [
         "./src/services/*"
diff --git a/webpack.config.ts b/webpack.config.ts
index bd4ef834..065df45f 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -1,10 +1,10 @@
-import webpack from 'webpack';
-import path from 'path';
+const webpack = require('webpack');
+const path = require('path');
 
-import WorkboxPlugin from 'workbox-webpack-plugin';
-import TerserPlugin from 'terser-webpack-plugin';
-import NodePolyfillPlugin from 'node-polyfill-webpack-plugin';
-import { VueLoaderPlugin } from 'vue-loader';
+const WorkboxPlugin = require('workbox-webpack-plugin');
+const TerserPlugin = require('terser-webpack-plugin');
+const NodePolyfillPlugin = require('node-polyfill-webpack-plugin');
+const { VueLoaderPlugin } = require('vue-loader');
 
 const appName = process.env.npm_package_name!;
 const appVersion = process.env.npm_package_version!;