diff --git a/l10n/messages.pot b/l10n/messages.pot
index 3d9251f3..a6fdf926 100644
--- a/l10n/messages.pot
+++ b/l10n/messages.pot
@@ -26,11 +26,11 @@ msgstr ""
 msgid "Copy"
 msgstr ""
 
-#: lib/components/FilePicker/FilePicker.vue:214
+#: lib/components/FilePicker/FilePicker.vue:210
 msgid "Could not create the new folder"
 msgstr ""
 
-#: lib/components/FilePicker/FilePicker.vue:137
+#: lib/components/FilePicker/FilePicker.vue:133
 #: lib/components/FilePicker/FilePickerNavigation.vue:65
 msgid "Favorites"
 msgstr ""
@@ -51,7 +51,7 @@ msgstr ""
 msgid "Name"
 msgstr ""
 
-#: lib/components/FilePicker/FilePicker.vue:137
+#: lib/components/FilePicker/FilePicker.vue:133
 #: lib/components/FilePicker/FilePickerNavigation.vue:61
 msgid "Recent"
 msgstr ""
@@ -64,6 +64,6 @@ msgstr ""
 msgid "Size"
 msgstr ""
 
-#: lib/toast.ts:228
+#: lib/toast.ts:229
 msgid "Undo"
 msgstr ""
diff --git a/lib/components/DialogButton.vue b/lib/components/DialogButton.vue
index 0cff8b1b..d3d073be 100644
--- a/lib/components/DialogButton.vue
+++ b/lib/components/DialogButton.vue
@@ -8,17 +8,19 @@
 </template>
 
 <script setup lang="ts">
-import type { AsyncComponent, Component } from 'vue'
+import type { IDialogButton } from './types'
 import { NcButton } from '@nextcloud/vue'
 
-export interface IDialogButton {
-    label: string,
-    icon?: Component | AsyncComponent,
-    callback: () => void,
-    type?: 'primary' | 'secondary' | 'error' | 'warning' | 'success'
-}
+// with vue 3.3:
+// const props = defineProps<IDialogButton>()
+
+const props = defineProps<{
+	callback: IDialogButton['callback'],
+	label: IDialogButton['label'],
+	icon: IDialogButton['icon'],
+	type: IDialogButton['type'],
+}>()
 
-const props = defineProps<IDialogButton>()
 const emit = defineEmits<(e: 'click', event: MouseEvent) => void>()
 
 const handleClick = (e: MouseEvent) => {
diff --git a/lib/components/FilePicker/FileList.vue b/lib/components/FilePicker/FileList.vue
index e71d2bc6..d5c32d4e 100644
--- a/lib/components/FilePicker/FileList.vue
+++ b/lib/components/FilePicker/FileList.vue
@@ -66,7 +66,7 @@ import type { Node } from '@nextcloud/files'
 import { getCanonicalLocale } from '@nextcloud/l10n'
 import { NcButton, NcCheckboxRadioSwitch } from '@nextcloud/vue'
 import { join } from 'path'
-import { t } from '../../l10n'
+import { t } from '../../utils/l10n'
 import { computed, ref, type Ref } from 'vue'
 
 import IconSortAscending from 'vue-material-design-icons/MenuDown.vue'
diff --git a/lib/components/FilePicker/FileListRow.vue b/lib/components/FilePicker/FileListRow.vue
index 6757bf1d..f99f912f 100644
--- a/lib/components/FilePicker/FileListRow.vue
+++ b/lib/components/FilePicker/FileListRow.vue
@@ -26,7 +26,7 @@
 import { type Node, formatFileSize } from '@nextcloud/files'
 import { NcCheckboxRadioSwitch, NcDatetime } from '@nextcloud/vue'
 import { computed } from 'vue'
-import { t } from '../../l10n'
+import { t } from '../../utils/l10n'
 
 const props = defineProps<{
 	/** Can directories be picked */
diff --git a/lib/components/FilePicker/FilePicker.vue b/lib/components/FilePicker/FilePicker.vue
index 3a58e435..f96ea6e8 100644
--- a/lib/components/FilePicker/FilePicker.vue
+++ b/lib/components/FilePicker/FilePicker.vue
@@ -28,7 +28,7 @@
 </template>
 
 <script setup lang="ts">
-import type { IDialogButton } from '../DialogButton.vue'
+import type { IFilePickerButton } from '../types'
 import { davRootPath, type Node } from '@nextcloud/files'
 
 import DialogBase from '../DialogBase.vue'
@@ -36,17 +36,13 @@ import FileList from './FileList.vue'
 import FilePickerBreadcrumbs from './FilePickerBreadcrumbs.vue'
 import FilePickerNavigation from './FilePickerNavigation.vue'
 
-import { t } from '../../l10n'
+import { t } from '../../utils/l10n'
 import { join } from 'path'
 import { computed, onMounted, ref, toRef } from 'vue'
 import { useDAVFiles } from '../../usables/dav'
 import { useMimeFilter } from '../../usables/mime'
 import { showError } from '../../toast'
 
-export interface IFilePickerButton extends Omit<IDialogButton, 'callback'> {
-	callback: (nodes: Node[]) => void
-}
-
 const props = withDefaults(defineProps<{
 	/** Buttons to be displayed */
 	buttons: IFilePickerButton[]
@@ -69,7 +65,7 @@ const props = withDefaults(defineProps<{
 	/**
 	 * Custom filter function used to filter pickable files
 	 */
-	 filterFn?: (node: Node) => boolean
+	filterFn?: (node: Node) => boolean
 
 	/**
 	 * List of allowed mime types
diff --git a/lib/components/FilePicker/FilePickerBreadcrumbs.vue b/lib/components/FilePicker/FilePickerBreadcrumbs.vue
index 2b790176..fbb0f9f4 100644
--- a/lib/components/FilePicker/FilePickerBreadcrumbs.vue
+++ b/lib/components/FilePicker/FilePickerBreadcrumbs.vue
@@ -48,7 +48,7 @@ import IconPlus from 'vue-material-design-icons/Plus.vue'
 
 import { NcActions, NcActionInput, NcBreadcrumbs, NcBreadcrumb } from '@nextcloud/vue'
 import { computed, ref } from 'vue'
-import { t } from '../../l10n'
+import { t } from '../../utils/l10n'
 
 const props = defineProps<{
 	/** Current path to display */
diff --git a/lib/components/FilePicker/FilePickerNavigation.vue b/lib/components/FilePicker/FilePickerNavigation.vue
index b24098e7..d000a04c 100644
--- a/lib/components/FilePicker/FilePickerNavigation.vue
+++ b/lib/components/FilePicker/FilePickerNavigation.vue
@@ -48,7 +48,7 @@ import IconMagnify from 'vue-material-design-icons/Magnify.vue'
 import IconStar from 'vue-material-design-icons/Star.vue'
 
 import { NcButton, NcSelect, NcTextField } from '@nextcloud/vue'
-import { t } from '../../l10n'
+import { t } from '../../utils/l10n'
 import { computed } from 'vue'
 import { Fragment } from 'vue-frag'
 
diff --git a/lib/components/FilePicker/index.ts b/lib/components/FilePicker/index.ts
new file mode 100644
index 00000000..55ece470
--- /dev/null
+++ b/lib/components/FilePicker/index.ts
@@ -0,0 +1,29 @@
+/**
+ * @copyright Copyright (c) 2023 Ferdinand Thiessen <opensource@fthiessen.de>
+ *
+ * @author Ferdinand Thiessen <opensource@fthiessen.de>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
+import { defineAsyncComponent, type AsyncComponent } from 'vue'
+import type { DefaultComputed, DefaultData, DefaultMethods } from 'vue/types/options.js'
+
+export type IFilePicker = typeof import('./FilePicker.vue').default
+
+// Async import for module splitting (treeshaking)
+export const FilePickerVue = defineAsyncComponent(() => import('./FilePicker.vue')) as AsyncComponent<DefaultData<never>, DefaultMethods<never>, DefaultComputed, IFilePicker['props']>
diff --git a/lib/components/types.ts b/lib/components/types.ts
new file mode 100644
index 00000000..0bcac3e4
--- /dev/null
+++ b/lib/components/types.ts
@@ -0,0 +1,35 @@
+/**
+ * @copyright Copyright (c) 2023 Ferdinand Thiessen <opensource@fthiessen.de>
+ *
+ * @author Ferdinand Thiessen <opensource@fthiessen.de>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
+import type { Node } from '@nextcloud/files'
+import type { AsyncComponent, Component } from 'vue'
+
+export interface IDialogButton {
+	label: string,
+	icon?: Component | AsyncComponent,
+	callback: () => void,
+	type?: 'primary' | 'secondary' | 'error' | 'warning' | 'success'
+}
+
+export interface IFilePickerButton extends Omit<IDialogButton, 'callback'> {
+	callback: (nodes: Node[]) => void
+}
diff --git a/lib/index.ts b/lib/index.ts
index f0a1a23d..d613bc2d 100644
--- a/lib/index.ts
+++ b/lib/index.ts
@@ -1,8 +1,7 @@
-import { defineAsyncComponent } from 'vue'
-
 export { FilePicker, FilePickerType, FilePickerBuilder, getFilePickerBuilder } from './filepicker.js'
 export { TOAST_UNDO_TIMEOUT, TOAST_DEFAULT_TIMEOUT, TOAST_PERMANENT_TIMEOUT } from './toast.js'
 export { TOAST_ARIA_LIVE_OFF, TOAST_ARIA_LIVE_POLITE, TOAST_ARIA_LIVE_ASSERTIVE } from './toast.js'
 export { showMessage, showSuccess, showWarning, showInfo, showError, showUndo } from './toast.js'
 
-export const FilePickerVue = defineAsyncComponent(() => import('./components/FilePicker/FilePicker.vue'))
+export { spawnDialog } from './utils/dialogs.js'
+export { FilePickerVue } from './components/FilePicker/index.js'
diff --git a/lib/l10n.ts b/lib/l10n.ts
deleted file mode 100644
index 56b456ac..00000000
--- a/lib/l10n.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { getGettextBuilder } from '@nextcloud/l10n/gettext'
-
-const gtBuilder = getGettextBuilder()
-	.detectLocale()
-
-__TRANSLATIONS__.map(data => gtBuilder.addTranslation(data.locale, data.json))
-
-const gt = gtBuilder.build()
-
-export const n = gt.ngettext.bind(gt) as typeof gt.ngettext
-export const t = gt.gettext.bind(gt) as typeof gt.gettext
diff --git a/lib/legacy.ts b/lib/legacy.ts
index e75de6a0..3db4a32b 100644
--- a/lib/legacy.ts
+++ b/lib/legacy.ts
@@ -29,7 +29,7 @@ import type { IFilePickerButton } from './components/FilePicker/FilePicker.vue'
 import type { Node } from '@nextcloud/files'
 import type { AsyncComponent, Component } from 'vue'
 
-import { t } from './l10n'
+import { t } from './utils/l10n'
 import { FilePickerVue, FilePickerType } from '.'
 import DialogBase from './components/DialogBase.vue'
 import Vue from 'vue'
diff --git a/lib/toast.ts b/lib/toast.ts
index 4c7f62d6..271ae559 100644
--- a/lib/toast.ts
+++ b/lib/toast.ts
@@ -23,11 +23,12 @@
 ///<reference types="toastify-js" />
 
 import Toastify from 'toastify-js'
-import { t } from './l10n.js'
+import { t } from './utils/l10n.js'
 
 import '../styles/toast.scss'
 
 class ToastType {
+
 	static readonly ERROR = 'toast-error';
 	static readonly WARNING = 'toast-warning';
 	static readonly INFO = 'toast-info';
diff --git a/lib/utils/dialogs.ts b/lib/utils/dialogs.ts
new file mode 100644
index 00000000..abe7907b
--- /dev/null
+++ b/lib/utils/dialogs.ts
@@ -0,0 +1,53 @@
+/**
+ * @copyright Copyright (c) 2023 Ferdinand Thiessen <opensource@fthiessen.de>
+ *
+ * @author Ferdinand Thiessen <opensource@fthiessen.de>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+import type { AsyncComponent, Component } from 'vue'
+
+import Vue from 'vue'
+
+/**
+ * Helper to spawn a Vue dialog without having to mount it from a component
+ *
+ * @param dialog The dialog component to spawn
+ * @param props Properties to pass to the dialog
+ * @param onClose Callback when the dialog is closed
+ */
+export const spawnDialog = (dialog: Component | AsyncComponent, props: any, onClose: () => void = () => {}) => {
+	const el = document.createElement('div')
+
+	const container: HTMLElement = document.querySelector(props?.container) || document.body
+	container.appendChild(el)
+
+	const vue = new Vue({
+		el,
+		name: 'VueDialogHelper',
+		render: (h) =>
+			h(dialog, {
+				props,
+				on: {
+					close: () => {
+						onClose()
+						vue.$destroy()
+					},
+				},
+			}),
+	})
+}
diff --git a/lib/utils/l10n.ts b/lib/utils/l10n.ts
new file mode 100644
index 00000000..5b96162b
--- /dev/null
+++ b/lib/utils/l10n.ts
@@ -0,0 +1,34 @@
+/**
+ * @copyright Copyright (c) 2023 Ferdinand Thiessen <opensource@fthiessen.de>
+ *
+ * @author Ferdinand Thiessen <opensource@fthiessen.de>
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
+import { getGettextBuilder } from '@nextcloud/l10n/gettext'
+
+const gtBuilder = getGettextBuilder()
+	.detectLocale()
+
+__TRANSLATIONS__.map(data => gtBuilder.addTranslation(data.locale, data.json))
+
+const gt = gtBuilder.build()
+
+export const n = gt.ngettext.bind(gt) as typeof gt.ngettext
+export const t = gt.gettext.bind(gt) as typeof gt.gettext