diff --git a/src/App.vue b/src/App.vue
index c691d11266..3ceff73bda 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -37,13 +37,15 @@
 </template>
 
 <script>
-import NcContent from '@nextcloud/vue/dist/Components/NcContent.js'
 import NcAppContent from '@nextcloud/vue/dist/Components/NcAppContent.js'
+import NcContent from '@nextcloud/vue/dist/Components/NcContent.js'
 import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
-import LogoLibreSign from './../img/logo-gray.svg'
+
 import LeftSidebar from './Components/LeftSidebar/LeftSidebar.vue'
 import RightSidebar from './Components/RightSidebar/RightSidebar.vue'
 
+import LogoLibreSign from './../img/logo-gray.svg'
+
 export default {
 	name: 'App',
 	components: {
diff --git a/src/Components/Draw/Draw.vue b/src/Components/Draw/Draw.vue
index f50e43a4c0..44b26e5094 100644
--- a/src/Components/Draw/Draw.vue
+++ b/src/Components/Draw/Draw.vue
@@ -40,15 +40,18 @@
 </template>
 
 <script>
-import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+import DrawIcon from 'vue-material-design-icons/Draw.vue'
+import SignatureTextIcon from 'vue-material-design-icons/SignatureText.vue'
+import UploadIcon from 'vue-material-design-icons/Upload.vue'
+
 import NcAppSidebar from '@nextcloud/vue/dist/Components/NcAppSidebar.js'
 import NcAppSidebarTab from '@nextcloud/vue/dist/Components/NcAppSidebarTab.js'
+import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+
 import Editor from './Editor.vue'
-import DrawIcon from 'vue-material-design-icons/Draw.vue'
-import TextInput from './TextInput.vue'
-import SignatureTextIcon from 'vue-material-design-icons/SignatureText.vue'
 import FileUpload from './FileUpload.vue'
-import UploadIcon from 'vue-material-design-icons/Upload.vue'
+import TextInput from './TextInput.vue'
+
 import { useSignatureElementsStore } from '../../store/signatureElements.js'
 
 export default {
diff --git a/src/Components/Draw/Editor.vue b/src/Components/Draw/Editor.vue
index fd08470b6e..ffe3ed69a4 100644
--- a/src/Components/Draw/Editor.vue
+++ b/src/Components/Draw/Editor.vue
@@ -56,13 +56,17 @@
 </template>
 
 <script>
-import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
-import NcColorPicker from '@nextcloud/vue/dist/Components/NcColorPicker.js'
-import PaletteIcon from 'vue-material-design-icons/Palette.vue'
+import { VPerfectSignature } from 'v-perfect-signature'
+
 import DeleteIcon from 'vue-material-design-icons/Delete.vue'
+import PaletteIcon from 'vue-material-design-icons/Palette.vue'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcColorPicker from '@nextcloud/vue/dist/Components/NcColorPicker.js'
+import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+
 import PreviewSignature from '../PreviewSignature/PreviewSignature.vue'
-import { VPerfectSignature } from 'v-perfect-signature'
+
 import { SignatureImageDimensions } from './options.js'
 
 export default {
diff --git a/src/Components/Draw/FileUpload.vue b/src/Components/Draw/FileUpload.vue
index 52280df647..e0545e75c1 100644
--- a/src/Components/Draw/FileUpload.vue
+++ b/src/Components/Draw/FileUpload.vue
@@ -54,12 +54,16 @@
 </template>
 
 <script>
-import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+import { isEmpty } from 'lodash-es'
 import { Cropper } from 'vue-advanced-cropper'
-import 'vue-advanced-cropper/dist/style.css'
-import { SignatureImageDimensions } from './options.js'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import { isEmpty } from 'lodash-es'
+import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+
+import { SignatureImageDimensions } from './options.js'
+
+import 'vue-advanced-cropper/dist/style.css'
+
 export default {
 	name: 'FileUpload',
 	components: {
diff --git a/src/Components/Draw/TextInput.vue b/src/Components/Draw/TextInput.vue
index 68e2282ef1..05ebefbe83 100644
--- a/src/Components/Draw/TextInput.vue
+++ b/src/Components/Draw/TextInput.vue
@@ -36,13 +36,15 @@
 </template>
 
 <script>
-import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
-import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import '@fontsource/dancing-script'
-import { SignatureImageDimensions } from './options.js'
 import { isEmpty } from 'lodash-es'
 
+import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
+
+import { SignatureImageDimensions } from './options.js'
+
 export default {
 	name: 'TextInput',
 	components: {
diff --git a/src/Components/File/File.vue b/src/Components/File/File.vue
index ab82dc62e1..4be34805bb 100644
--- a/src/Components/File/File.vue
+++ b/src/Components/File/File.vue
@@ -20,7 +20,9 @@
 
 <script>
 import FileIcon from 'vue-material-design-icons/File.vue'
+
 import { generateUrl, generateOcsUrl } from '@nextcloud/router'
+
 import { useFilesStore } from '../../store/files.js'
 
 export default {
diff --git a/src/Components/LeftSidebar/LeftSidebar.vue b/src/Components/LeftSidebar/LeftSidebar.vue
index 3f177be001..c3915253c5 100644
--- a/src/Components/LeftSidebar/LeftSidebar.vue
+++ b/src/Components/LeftSidebar/LeftSidebar.vue
@@ -65,18 +65,22 @@
 </template>
 
 <script>
-import NcAppNavigation from '@nextcloud/vue/dist/Components/NcAppNavigation.js'
-import NcAppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem.js'
-import NcAppNavigationSettings from '@nextcloud/vue/dist/Components/NcAppNavigationSettings.js'
-import { getCurrentUser } from '@nextcloud/auth'
-import { loadState } from '@nextcloud/initial-state'
-import { useFilesStore } from '../../store/files.js'
 import AccountCheckIcon from 'vue-material-design-icons/AccountCheck.vue'
 import FileCheckIcon from 'vue-material-design-icons/FileCheck.vue'
 import FileSignIcon from 'vue-material-design-icons/FileSign.vue'
 import FolderIcon from 'vue-material-design-icons/Folder.vue'
+
+import { getCurrentUser } from '@nextcloud/auth'
+import { loadState } from '@nextcloud/initial-state'
+
+import NcAppNavigation from '@nextcloud/vue/dist/Components/NcAppNavigation.js'
+import NcAppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem.js'
+import NcAppNavigationSettings from '@nextcloud/vue/dist/Components/NcAppNavigationSettings.js'
+
 import CroppedLayoutSettings from '../Settings/CroppedLayoutSettings.vue'
 
+import { useFilesStore } from '../../store/files.js'
+
 export default {
 	name: 'LeftSidebar',
 	components: {
diff --git a/src/Components/PdfEditor/PdfEditor.vue b/src/Components/PdfEditor/PdfEditor.vue
index 1c238d89ee..8d3433cdf8 100644
--- a/src/Components/PdfEditor/PdfEditor.vue
+++ b/src/Components/PdfEditor/PdfEditor.vue
@@ -34,6 +34,7 @@
 
 <script>
 import VuePdfEditor from '@libresign/vue-pdf-editor'
+
 import Signature from './Signature.vue'
 
 export default {
diff --git a/src/Components/PdfEditor/Signature.vue b/src/Components/PdfEditor/Signature.vue
index d66eb4ddcf..e36252db43 100644
--- a/src/Components/PdfEditor/Signature.vue
+++ b/src/Components/PdfEditor/Signature.vue
@@ -46,9 +46,10 @@
 </template>
 
 <script>
-import itemEventsMixin from '@libresign/vue-pdf-editor/src/Components/ItemEventsMixin.vue'
 import CloseCircleIcon from 'vue-material-design-icons/CloseCircle.vue'
 
+import itemEventsMixin from '@libresign/vue-pdf-editor/src/Components/ItemEventsMixin.vue'
+
 export default {
 	name: 'Signature',
 	components: {
diff --git a/src/Components/PreviewSignature/PreviewSignature.vue b/src/Components/PreviewSignature/PreviewSignature.vue
index af9836e3fa..a89bb4409f 100644
--- a/src/Components/PreviewSignature/PreviewSignature.vue
+++ b/src/Components/PreviewSignature/PreviewSignature.vue
@@ -8,9 +8,10 @@
 </template>
 
 <script>
-import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 import axios from '@nextcloud/axios'
 
+import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
+
 export default {
 	name: 'PreviewSignature',
 	components: {
diff --git a/src/Components/Request/AccountOrEmail.vue b/src/Components/Request/AccountOrEmail.vue
index eeb2304641..5db56412f8 100644
--- a/src/Components/Request/AccountOrEmail.vue
+++ b/src/Components/Request/AccountOrEmail.vue
@@ -25,10 +25,12 @@
 	</div>
 </template>
 <script>
-import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js'
+import AlertCircle from 'vue-material-design-icons/AlertCircleOutline.vue'
+
 import axios from '@nextcloud/axios'
 import { generateOcsUrl } from '@nextcloud/router'
-import AlertCircle from 'vue-material-design-icons/AlertCircleOutline.vue'
+
+import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js'
 
 export default {
 	name: 'AccountOrEmail',
diff --git a/src/Components/Request/IdentifySigner.vue b/src/Components/Request/IdentifySigner.vue
index 5f4583abc4..212ea65c87 100644
--- a/src/Components/Request/IdentifySigner.vue
+++ b/src/Components/Request/IdentifySigner.vue
@@ -29,10 +29,13 @@
 	</div>
 </template>
 <script>
+import { loadState } from '@nextcloud/initial-state'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import AccountOrEmail from './AccountOrEmail.vue'
 import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
-import { loadState } from '@nextcloud/initial-state'
+
+import AccountOrEmail from './AccountOrEmail.vue'
+
 import { useFilesStore } from '../../store/files.js'
 
 export default {
diff --git a/src/Components/Request/SignDetail/partials/PageNavigation.vue b/src/Components/Request/SignDetail/partials/PageNavigation.vue
index 7c1a07015f..2970562802 100644
--- a/src/Components/Request/SignDetail/partials/PageNavigation.vue
+++ b/src/Components/Request/SignDetail/partials/PageNavigation.vue
@@ -13,9 +13,10 @@
 </template>
 
 <script>
-import NcCounterBubble from '@nextcloud/vue/dist/Components/NcCounterBubble.js'
 import { size } from 'lodash-es'
 
+import NcCounterBubble from '@nextcloud/vue/dist/Components/NcCounterBubble.js'
+
 export default {
 	name: 'PageNavigation',
 	components: { NcCounterBubble },
diff --git a/src/Components/Request/SignDetail/partials/SignerRow.vue b/src/Components/Request/SignDetail/partials/SignerRow.vue
index 850d2e1829..c9b24e66a1 100644
--- a/src/Components/Request/SignDetail/partials/SignerRow.vue
+++ b/src/Components/Request/SignDetail/partials/SignerRow.vue
@@ -19,10 +19,11 @@
 </template>
 
 <script>
-import NcListItem from '@nextcloud/vue/dist/Components/NcListItem.js'
-import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar.js'
-import Moment from '@nextcloud/moment'
 import { emit } from '@nextcloud/event-bus'
+import Moment from '@nextcloud/moment'
+
+import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar.js'
+import NcListItem from '@nextcloud/vue/dist/Components/NcListItem.js'
 
 export default {
 	name: 'SignerRow',
diff --git a/src/Components/Request/VisibleElements.vue b/src/Components/Request/VisibleElements.vue
index 91ef1cab5f..284bf278c8 100644
--- a/src/Components/Request/VisibleElements.vue
+++ b/src/Components/Request/VisibleElements.vue
@@ -77,21 +77,24 @@
 </template>
 
 <script>
-import { showSuccess } from '@nextcloud/dialogs'
 import axios from '@nextcloud/axios'
-import { generateOcsUrl } from '@nextcloud/router'
+import { showSuccess } from '@nextcloud/dialogs'
+import { subscribe, unsubscribe, emit } from '@nextcloud/event-bus'
 import { loadState } from '@nextcloud/initial-state'
-import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
-import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+import { generateOcsUrl } from '@nextcloud/router'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import { subscribe, unsubscribe, emit } from '@nextcloud/event-bus'
-import { SIGN_STATUS } from '../../domains/sign/enum.js'
-import Signer from '../Signers/Signer.vue'
-import { SignatureImageDimensions } from '../Draw/options.js'
-import Chip from '../Chip.vue'
+import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
+import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
+
+import Chip from '../Chip.vue'
 import PdfEditor from '../PdfEditor/PdfEditor.vue'
+import Signer from '../Signers/Signer.vue'
+
+import { SIGN_STATUS } from '../../domains/sign/enum.js'
 import { useFilesStore } from '../../store/files.js'
+import { SignatureImageDimensions } from '../Draw/options.js'
 
 export default {
 	name: 'VisibleElements',
diff --git a/src/Components/RightSidebar/AppFilesTab.vue b/src/Components/RightSidebar/AppFilesTab.vue
index d1dfac2a97..6c1930b0e7 100644
--- a/src/Components/RightSidebar/AppFilesTab.vue
+++ b/src/Components/RightSidebar/AppFilesTab.vue
@@ -9,6 +9,7 @@
 
 <script>
 import RequestSignatureTab from '../RightSidebar/RequestSignatureTab.vue'
+
 import { useFilesStore } from '../../store/files.js'
 
 export default {
diff --git a/src/Components/RightSidebar/RequestSignatureTab.vue b/src/Components/RightSidebar/RequestSignatureTab.vue
index 9d55cfa8c1..094053fc92 100644
--- a/src/Components/RightSidebar/RequestSignatureTab.vue
+++ b/src/Components/RightSidebar/RequestSignatureTab.vue
@@ -66,24 +66,28 @@
 	</div>
 </template>
 <script>
+import Delete from 'vue-material-design-icons/Delete.vue'
+
+import { getCurrentUser } from '@nextcloud/auth'
 import axios from '@nextcloud/axios'
-import { generateOcsUrl } from '@nextcloud/router'
+import { showError, showSuccess } from '@nextcloud/dialogs'
 import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
+import { loadState } from '@nextcloud/initial-state'
+import { generateOcsUrl } from '@nextcloud/router'
+
 import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
-import { getCurrentUser } from '@nextcloud/auth'
-import Delete from 'vue-material-design-icons/Delete.vue'
-import { showError, showSuccess } from '@nextcloud/dialogs'
-import Signers from '../Signers/Signers.vue'
+
 import IdentifySigner from '../Request/IdentifySigner.vue'
 import VisibleElements from '../Request/VisibleElements.vue'
-import { loadState } from '@nextcloud/initial-state'
+import Signers from '../Signers/Signers.vue'
+
+import router from '../../router/router.js'
 import { useFilesStore } from '../../store/files.js'
-import { useSignStore } from '../../store/sign.js'
 import { useSidebarStore } from '../../store/sidebar.js'
-import router from '../../router/router.js'
+import { useSignStore } from '../../store/sign.js'
 
 export default {
 	name: 'RequestSignatureTab',
diff --git a/src/Components/RightSidebar/RightSidebar.vue b/src/Components/RightSidebar/RightSidebar.vue
index a874637d76..011cad201c 100644
--- a/src/Components/RightSidebar/RightSidebar.vue
+++ b/src/Components/RightSidebar/RightSidebar.vue
@@ -22,11 +22,13 @@
 <script>
 import NcAppSidebar from '@nextcloud/vue/dist/Components/NcAppSidebar.js'
 import NcAppSidebarTab from '@nextcloud/vue/dist/Components/NcAppSidebarTab.js'
+
 import RequestSignatureTab from '../RightSidebar/RequestSignatureTab.vue'
 import SignTab from '../RightSidebar/SignTab.vue'
+
 import { useFilesStore } from '../../store/files.js'
-import { useSignStore } from '../../store/sign.js'
 import { useSidebarStore } from '../../store/sidebar.js'
+import { useSignStore } from '../../store/sign.js'
 
 export default {
 	name: 'RightSidebar',
diff --git a/src/Components/RightSidebar/SignTab.vue b/src/Components/RightSidebar/SignTab.vue
index b0851f53e1..ccaa6268fb 100644
--- a/src/Components/RightSidebar/SignTab.vue
+++ b/src/Components/RightSidebar/SignTab.vue
@@ -43,11 +43,12 @@
 </template>
 
 <script>
-import { SIGN_STATUS } from '../../domains/sign/enum.js'
 import Chip from '../../Components/Chip.vue'
 import Sign from '../../views/SignPDF/_partials/Sign.vue'
-import { useSignStore } from '../../store/sign.js'
+
+import { SIGN_STATUS } from '../../domains/sign/enum.js'
 import { useSidebarStore } from '../../store/sidebar.js'
+import { useSignStore } from '../../store/sign.js'
 
 export default {
 	name: 'SignTab',
diff --git a/src/Components/Signers/Signer.vue b/src/Components/Signers/Signer.vue
index 0d7304513b..fae1807aa5 100644
--- a/src/Components/Signers/Signer.vue
+++ b/src/Components/Signers/Signer.vue
@@ -19,13 +19,17 @@
 	</div>
 </template>
 <script>
-import NcListItem from '@nextcloud/vue/dist/Components/NcListItem.js'
-import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar.js'
 import CheckboxBlankCircle from 'vue-material-design-icons/CheckboxBlankCircle.vue'
-import Bullet from '../Bullet/Bullet.vue'
+
 import { emit } from '@nextcloud/event-bus'
 import { loadState } from '@nextcloud/initial-state'
 import Moment from '@nextcloud/moment'
+
+import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar.js'
+import NcListItem from '@nextcloud/vue/dist/Components/NcListItem.js'
+
+import Bullet from '../Bullet/Bullet.vue'
+
 import { useFilesStore } from '../../store/files.js'
 
 export default {
diff --git a/src/Components/Signers/Signers.vue b/src/Components/Signers/Signers.vue
index 6a14e786c4..d6de889094 100644
--- a/src/Components/Signers/Signers.vue
+++ b/src/Components/Signers/Signers.vue
@@ -10,6 +10,7 @@
 </template>
 <script>
 import Signer from './Signer.vue'
+
 import { useFilesStore } from '../../store/files.js'
 
 export default {
diff --git a/src/Components/TopBar/SidebarToggle.vue b/src/Components/TopBar/SidebarToggle.vue
index 143dfd2066..8cca64f88f 100644
--- a/src/Components/TopBar/SidebarToggle.vue
+++ b/src/Components/TopBar/SidebarToggle.vue
@@ -34,7 +34,9 @@
 
 <script>
 import MenuIcon from 'vue-material-design-icons/Menu.vue'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+
 import { useSidebarStore } from '../../store/sidebar.js'
 
 export default {
diff --git a/src/actions/openInLibreSignAction.js b/src/actions/openInLibreSignAction.js
index ea74fba19e..2996c8356d 100644
--- a/src/actions/openInLibreSignAction.js
+++ b/src/actions/openInLibreSignAction.js
@@ -19,8 +19,9 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import { registerFileAction, FileAction } from '@nextcloud/files'
-import { translate as t } from '@nextcloud/l10n'
 import { loadState } from '@nextcloud/initial-state'
+import { translate as t } from '@nextcloud/l10n'
+
 // eslint-disable-next-line import/no-unresolved
 import SvgIcon from '../../img/app-dark.svg?raw'
 import logger from '../logger.js'
diff --git a/src/domains/files/service.js b/src/domains/files/service.js
index 2f1534c1e2..7555b6e106 100644
--- a/src/domains/files/service.js
+++ b/src/domains/files/service.js
@@ -1,9 +1,11 @@
-/* eslint-disable valid-jsdoc */
-import '@nextcloud/password-confirmation/dist/style.css' // Required for dialog styles
-import axios from '@nextcloud/axios'
 import { deburr } from 'lodash-es'
+
+import axios from '@nextcloud/axios'
 import { generateOcsUrl } from '@nextcloud/router'
 
+/* eslint-disable valid-jsdoc */
+import '@nextcloud/password-confirmation/dist/style.css' // Required for dialog styles
+
 // from https://gist.github.com/codeguy/6684588
 const slugfy = val =>
 	deburr(val)
diff --git a/src/domains/settings/service.js b/src/domains/settings/service.js
index d11adb95e5..2196d6a6d9 100644
--- a/src/domains/settings/service.js
+++ b/src/domains/settings/service.js
@@ -1,9 +1,11 @@
 /* eslint-disable valid-jsdoc */
+import { isEmpty } from 'lodash-es'
+
 import axios from '@nextcloud/axios'
 import { confirmPassword } from '@nextcloud/password-confirmation'
-import '@nextcloud/password-confirmation/dist/style.css' // Required for dialog styles
 import { generateUrl } from '@nextcloud/router'
-import { isEmpty } from 'lodash-es'
+
+import '@nextcloud/password-confirmation/dist/style.css' // Required for dialog styles
 
 /**
  * build siganture service
diff --git a/src/external.js b/src/external.js
index 1c77afcb69..3e232d63d7 100644
--- a/src/external.js
+++ b/src/external.js
@@ -21,17 +21,18 @@
  *
  */
 
-import { generateFilePath } from '@nextcloud/router'
-import { getRequestToken } from '@nextcloud/auth'
-import Vue from 'vue'
 import { createPinia, PiniaVuePlugin } from 'pinia'
+import Vue from 'vue'
+
+import { getRequestToken } from '@nextcloud/auth'
+import { generateFilePath } from '@nextcloud/router'
 
 import App from './App.vue'
-import router from './router/router.js'
-import store from './store/index.js'
 
-import './plugins/vuelidate.js'
 import './init.js'
+import './plugins/vuelidate.js'
+import router from './router/router.js'
+import store from './store/index.js'
 
 import './assets/styles/main.scss'
 
diff --git a/src/helpers/SelectAction.js b/src/helpers/SelectAction.js
index f547d3927f..4f56034bf7 100644
--- a/src/helpers/SelectAction.js
+++ b/src/helpers/SelectAction.js
@@ -22,6 +22,7 @@
  */
 
 import { loadState } from '@nextcloud/initial-state'
+
 import { isExternal } from '../helpers/isExternal.js'
 
 const redirectURL = loadState('libresign', 'redirect', 'Home')
diff --git a/src/helpers/certification.js b/src/helpers/certification.js
index 2baae4db9b..b194bdaa1e 100644
--- a/src/helpers/certification.js
+++ b/src/helpers/certification.js
@@ -1,4 +1,5 @@
 import { Option } from '@marionebl/option'
+
 import { translate as t } from '@nextcloud/l10n'
 
 /**
diff --git a/src/main.js b/src/main.js
index 8e99fcad10..c646a5cbf6 100644
--- a/src/main.js
+++ b/src/main.js
@@ -21,23 +21,23 @@
  *
  */
 
-import Vue from 'vue'
 import { createPinia, PiniaVuePlugin } from 'pinia'
-import { generateFilePath } from '@nextcloud/router'
+import Vue from 'vue'
+
 import { getRequestToken } from '@nextcloud/auth'
 import { translate, translatePlural } from '@nextcloud/l10n'
+import { generateFilePath } from '@nextcloud/router'
+
+import App from './App.vue'
 
-import './plugins/vuelidate.js'
 import './init.js'
+import './plugins/vuelidate.js'
+import router from './router/router.js'
+import store from './store/index.js'
 
 import './assets/styles/main.scss'
-
 import 'vue-advanced-cropper/dist/style.css'
 
-import App from './App.vue'
-import router from './router/router.js'
-import store from './store/index.js'
-
 // CSP config for webpack dynamic chunk loading
 // eslint-disable-next-line
 __webpack_nonce__ = btoa(getRequestToken())
diff --git a/src/router/router.js b/src/router/router.js
index db134378dc..56691d25bc 100644
--- a/src/router/router.js
+++ b/src/router/router.js
@@ -22,10 +22,12 @@
 
 import Vue from 'vue'
 import Router from 'vue-router'
+
+import { loadState } from '@nextcloud/initial-state'
 import { getRootUrl, generateUrl } from '@nextcloud/router'
-import { selectAction } from '../helpers/SelectAction.js'
+
 import { isExternal } from '../helpers/isExternal.js'
-import { loadState } from '@nextcloud/initial-state'
+import { selectAction } from '../helpers/SelectAction.js'
 
 Vue.use(Router)
 
diff --git a/src/settings.js b/src/settings.js
index a2d0b5d231..d7578853a0 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -21,8 +21,9 @@
  *
  */
 
-import Vue from 'vue'
 import { createPinia, PiniaVuePlugin } from 'pinia'
+import Vue from 'vue'
+
 import Settings from './views/Settings/Settings.vue'
 
 Vue.mixin({ methods: { t, n } })
diff --git a/src/store/configureCheck.js b/src/store/configureCheck.js
index 4c1e232417..a1b532124c 100644
--- a/src/store/configureCheck.js
+++ b/src/store/configureCheck.js
@@ -20,9 +20,10 @@
  */
 
 import { defineStore } from 'pinia'
+import { set } from 'vue'
+
 import axios from '@nextcloud/axios'
 import { generateOcsUrl } from '@nextcloud/router'
-import { set } from 'vue'
 
 export const useConfigureCheckStore = function(...args) {
 
diff --git a/src/store/files.js b/src/store/files.js
index f443c2f3da..b5812ede2b 100644
--- a/src/store/files.js
+++ b/src/store/files.js
@@ -20,12 +20,14 @@
  */
 
 import { defineStore } from 'pinia'
-import axios from '@nextcloud/axios'
-import { generateOcsUrl } from '@nextcloud/router'
 import { set } from 'vue'
+
+import axios from '@nextcloud/axios'
 import Moment from '@nextcloud/moment'
-import { useSignStore } from './sign.js'
+import { generateOcsUrl } from '@nextcloud/router'
+
 import { useSidebarStore } from './sidebar.js'
+import { useSignStore } from './sign.js'
 
 export const useFilesStore = defineStore('files', {
 	state: () => {
diff --git a/src/store/index.js b/src/store/index.js
index 57af9732ea..ff1a895533 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -23,9 +23,10 @@
 
 import Vue, { set } from 'vue'
 import Vuex, { Store } from 'vuex'
-import sidebar from './modules/sidebar.js'
+
 import files from './modules/files.js'
 import settings from './modules/settings.js'
+import sidebar from './modules/sidebar.js'
 
 Vue.use(Vuex)
 
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
index 1381ce7ece..29fc277651 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -1,6 +1,7 @@
-import { loadState } from '@nextcloud/initial-state'
 import { defaults } from 'lodash-es'
 
+import { loadState } from '@nextcloud/initial-state'
+
 const libresignState = loadState('libresign', 'config', {})
 
 export default {
diff --git a/src/store/sign.js b/src/store/sign.js
index badba5fa09..6707f341eb 100644
--- a/src/store/sign.js
+++ b/src/store/sign.js
@@ -21,7 +21,9 @@
 
 import { defineStore } from 'pinia'
 import { set } from 'vue'
+
 import { loadState } from '@nextcloud/initial-state'
+
 import { useFilesStore } from './files.js'
 import { useSidebarStore } from './sidebar.js'
 import { useSignMethodsStore } from './signMethods.js'
diff --git a/src/store/signatureElements.js b/src/store/signatureElements.js
index 3d775b68d6..0b4a87a5b4 100644
--- a/src/store/signatureElements.js
+++ b/src/store/signatureElements.js
@@ -20,10 +20,11 @@
  */
 
 import { defineStore } from 'pinia'
+import { set } from 'vue'
+
 import axios from '@nextcloud/axios'
-import { generateOcsUrl } from '@nextcloud/router'
 import { loadState } from '@nextcloud/initial-state'
-import { set } from 'vue'
+import { generateOcsUrl } from '@nextcloud/router'
 
 export const useSignatureElementsStore = function(...args) {
 	const emptyElement = {
diff --git a/src/tab.js b/src/tab.js
index 91ba95f8cd..2e9759dc70 100644
--- a/src/tab.js
+++ b/src/tab.js
@@ -21,18 +21,20 @@
  *
  */
 
+import { createPinia, PiniaVuePlugin } from 'pinia'
 import Vue from 'vue'
 import Vuex from 'vuex'
-import { createPinia, PiniaVuePlugin } from 'pinia'
+
 import { loadState } from '@nextcloud/initial-state'
 import { translate, translatePlural } from '@nextcloud/l10n'
+
 import AppFilesTab from './Components/RightSidebar/AppFilesTab.vue'
+
 import './actions/openInLibreSignAction.js'
+import './plugins/vuelidate.js'
 
 import './style/icons.scss'
 
-import './plugins/vuelidate.js'
-
 Vue.prototype.t = translate
 Vue.prototype.n = translatePlural
 Vue.use(Vuex)
diff --git a/src/validation.js b/src/validation.js
index aaaca11efb..ab233f9495 100644
--- a/src/validation.js
+++ b/src/validation.js
@@ -21,11 +21,13 @@
  *
  */
 
-import { generateFilePath } from '@nextcloud/router'
-import { getRequestToken } from '@nextcloud/auth'
 import Vue from 'vue'
 
+import { getRequestToken } from '@nextcloud/auth'
+import { generateFilePath } from '@nextcloud/router'
+
 import Validation from './views/Validation.vue'
+
 import router from './router/router.js'
 import store from './store/index.js'
 
diff --git a/src/views/Account/Account.vue b/src/views/Account/Account.vue
index 328d8d6583..c97aec1fad 100644
--- a/src/views/Account/Account.vue
+++ b/src/views/Account/Account.vue
@@ -25,10 +25,11 @@
 
 <script>
 import { getCurrentUser } from '@nextcloud/auth'
-import UserImage from './partials/UserImage.vue'
-import Signatures from './partials/Signatures.vue'
+
 import Documents from './partials/Documents.vue'
 import ManagePassword from './partials/ManagePassword.vue'
+import Signatures from './partials/Signatures.vue'
+import UserImage from './partials/UserImage.vue'
 
 export default {
 	name: 'Account',
diff --git a/src/views/Account/partials/Documents.vue b/src/views/Account/partials/Documents.vue
index 21510fecf3..863a610f1b 100644
--- a/src/views/Account/partials/Documents.vue
+++ b/src/views/Account/partials/Documents.vue
@@ -55,12 +55,14 @@
 
 <script>
 import { find, get } from 'lodash-es'
+
+import axios from '@nextcloud/axios'
 import { showError, showWarning, showSuccess } from '@nextcloud/dialogs'
 import { FilePickerVue as FilePicker } from '@nextcloud/dialogs/filepicker.js'
-import axios from '@nextcloud/axios'
+import { loadState } from '@nextcloud/initial-state'
 import { generateOcsUrl } from '@nextcloud/router'
+
 import ProgressBar from '../../../Components/ProgressBar.vue'
-import { loadState } from '@nextcloud/initial-state'
 
 const FILE_TYPE_INFO = {
 	IDENTIFICATION: {
diff --git a/src/views/Account/partials/ManagePassword.vue b/src/views/Account/partials/ManagePassword.vue
index 3b7e8d0d1e..7dd21b26a3 100644
--- a/src/views/Account/partials/ManagePassword.vue
+++ b/src/views/Account/partials/ManagePassword.vue
@@ -46,19 +46,23 @@
 </template>
 
 <script>
-import { generateOcsUrl } from '@nextcloud/router'
-import { loadState } from '@nextcloud/initial-state'
-import { showError, showSuccess } from '@nextcloud/dialogs'
-import axios from '@nextcloud/axios'
 import CertificateIcon from 'vue-material-design-icons/Certificate.vue'
 import CloudUploadIcon from 'vue-material-design-icons/CloudUpload.vue'
 import DeleteIcon from 'vue-material-design-icons/Delete.vue'
 import FileReplaceIcon from 'vue-material-design-icons/FileReplace.vue'
 import LockOpenCheckIcon from 'vue-material-design-icons/LockOpenCheck.vue'
+
+import axios from '@nextcloud/axios'
+import { showError, showSuccess } from '@nextcloud/dialogs'
+import { loadState } from '@nextcloud/initial-state'
+import { generateOcsUrl } from '@nextcloud/router'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+
 import CreatePassword from '../../CreatePassword.vue'
 import ReadCertificate from '../../ReadCertificate.vue'
 import ResetPassword from '../../ResetPassword.vue'
+
 import { useSignMethodsStore } from '../../../store/signMethods.js'
 
 export default {
diff --git a/src/views/Account/partials/Signature.vue b/src/views/Account/partials/Signature.vue
index 0f5e7d068a..1ac6f8ed22 100644
--- a/src/views/Account/partials/Signature.vue
+++ b/src/views/Account/partials/Signature.vue
@@ -38,13 +38,17 @@
 </template>
 
 <script>
-import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
-import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
 import DeleteIcon from 'vue-material-design-icons/Delete.vue'
 import DrawIcon from 'vue-material-design-icons/Draw.vue'
-import PreviewSignature from '../../../Components/PreviewSignature/PreviewSignature.vue'
-import Draw from '../../../Components/Draw/Draw.vue'
+
 import { showError, showSuccess } from '@nextcloud/dialogs'
+
+import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
+import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
+
+import Draw from '../../../Components/Draw/Draw.vue'
+import PreviewSignature from '../../../Components/PreviewSignature/PreviewSignature.vue'
+
 import { useSignatureElementsStore } from '../../../store/signatureElements.js'
 
 export default {
diff --git a/src/views/CreateAccount.vue b/src/views/CreateAccount.vue
index 325a4bb5ad..660dd279e4 100755
--- a/src/views/CreateAccount.vue
+++ b/src/views/CreateAccount.vue
@@ -84,21 +84,22 @@
 <script>
 // eslint-disable-next-line n/no-missing-import
 import md5 from 'crypto-js/md5'
-import { showWarning } from '@nextcloud/dialogs'
-import axios from '@nextcloud/axios'
-import { generateOcsUrl } from '@nextcloud/router'
-
 // eslint-disable-next-line n/no-missing-import
 import { required, email, minLength } from 'vuelidate/lib/validators'
 
-import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
-import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
+import RightIcon from 'vue-material-design-icons/ArrowRight.vue'
 import EmailIcon from 'vue-material-design-icons/Email.vue'
-import NcPasswordField from '@nextcloud/vue/dist/Components/NcPasswordField.js'
+
+import axios from '@nextcloud/axios'
+import { showWarning } from '@nextcloud/dialogs'
+import { loadState } from '@nextcloud/initial-state'
+import { generateOcsUrl } from '@nextcloud/router'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
-import RightIcon from 'vue-material-design-icons/ArrowRight.vue'
-import { loadState } from '@nextcloud/initial-state'
+import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
+import NcPasswordField from '@nextcloud/vue/dist/Components/NcPasswordField.js'
+import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
 
 export default {
 	name: 'CreateAccount',
diff --git a/src/views/CreatePassword.vue b/src/views/CreatePassword.vue
index 1f6cbf4e4c..e095224565 100644
--- a/src/views/CreatePassword.vue
+++ b/src/views/CreatePassword.vue
@@ -19,13 +19,15 @@
 </template>
 
 <script>
-import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
-import NcPasswordField from '@nextcloud/vue/dist/Components/NcPasswordField.js'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 import axios from '@nextcloud/axios'
-import { generateOcsUrl } from '@nextcloud/router'
 import { showError, showSuccess } from '@nextcloud/dialogs'
+import { generateOcsUrl } from '@nextcloud/router'
+
+import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
+import NcPasswordField from '@nextcloud/vue/dist/Components/NcPasswordField.js'
+
 import { useSignMethodsStore } from '../store/signMethods.js'
 
 export default {
diff --git a/src/views/DefaultPageError.vue b/src/views/DefaultPageError.vue
index 0c59e36dd5..adbf3605ed 100644
--- a/src/views/DefaultPageError.vue
+++ b/src/views/DefaultPageError.vue
@@ -40,9 +40,10 @@
 </template>
 
 <script>
+import { loadState } from '@nextcloud/initial-state'
 import { translate as t } from '@nextcloud/l10n'
+
 import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
-import { loadState } from '@nextcloud/initial-state'
 
 export default {
 	name: 'DefaultPageError',
diff --git a/src/views/Documents/AccountValidation.vue b/src/views/Documents/AccountValidation.vue
index 2f9e655275..e3de08412a 100644
--- a/src/views/Documents/AccountValidation.vue
+++ b/src/views/Documents/AccountValidation.vue
@@ -35,11 +35,12 @@
 </template>
 
 <script>
-import { showError } from '@nextcloud/dialogs'
-import ProgressBar from '../../Components/ProgressBar.vue'
 import axios from '@nextcloud/axios'
+import { showError } from '@nextcloud/dialogs'
 import { generateOcsUrl } from '@nextcloud/router'
 
+import ProgressBar from '../../Components/ProgressBar.vue'
+
 export default {
 	name: 'AccountValidation',
 	components: {
diff --git a/src/views/IncompleteCertification.vue b/src/views/IncompleteCertification.vue
index 355da7ac5a..c2dd57d7be 100644
--- a/src/views/IncompleteCertification.vue
+++ b/src/views/IncompleteCertification.vue
@@ -21,10 +21,13 @@
 
 <script>
 
+import CogsIcon from 'vue-material-design-icons/Cogs.vue'
+
 import { getCurrentUser } from '@nextcloud/auth'
 import { generateUrl } from '@nextcloud/router'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import CogsIcon from 'vue-material-design-icons/Cogs.vue'
+
 import BackgroundImage from '../../img/logo-gray.svg'
 
 export default {
diff --git a/src/views/ReadCertificate.vue b/src/views/ReadCertificate.vue
index 80d352cf50..f801eb9a2a 100644
--- a/src/views/ReadCertificate.vue
+++ b/src/views/ReadCertificate.vue
@@ -88,13 +88,15 @@
 </template>
 
 <script>
-import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
-import NcPasswordField from '@nextcloud/vue/dist/Components/NcPasswordField.js'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 import axios from '@nextcloud/axios'
 import { generateOcsUrl } from '@nextcloud/router'
+
+import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
+import NcPasswordField from '@nextcloud/vue/dist/Components/NcPasswordField.js'
+
 import { selectCustonOption } from '../helpers/certification.js'
 import { useSignMethodsStore } from '../store/signMethods.js'
 
diff --git a/src/views/RenewEmail.vue b/src/views/RenewEmail.vue
index 4ebaecd390..ea264105ac 100644
--- a/src/views/RenewEmail.vue
+++ b/src/views/RenewEmail.vue
@@ -35,14 +35,16 @@
 </template>
 
 <script>
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
-import { loadState } from '@nextcloud/initial-state'
 import ArrowRight from 'vue-material-design-icons/ArrowRight.vue'
-import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
+
 import axios from '@nextcloud/axios'
+import { loadState } from '@nextcloud/initial-state'
 import { generateOcsUrl } from '@nextcloud/router'
 
+import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
+import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
+
 export default {
 	name: 'RenewEmail',
 
diff --git a/src/views/Request.vue b/src/views/Request.vue
index 71277e6695..368bc2b274 100644
--- a/src/views/Request.vue
+++ b/src/views/Request.vue
@@ -77,20 +77,24 @@
 	</div>
 </template>
 <script>
-import { FilePickerVue as FilePicker } from '@nextcloud/dialogs/filepicker.js'
+import CloudUploadIcon from 'vue-material-design-icons/CloudUpload.vue'
+import FolderIcon from 'vue-material-design-icons/Folder.vue'
+import LinkIcon from 'vue-material-design-icons/Link.vue'
+import UploadIcon from 'vue-material-design-icons/Upload.vue'
+
 import axios from '@nextcloud/axios'
-import { generateOcsUrl } from '@nextcloud/router'
+import { FilePickerVue as FilePicker } from '@nextcloud/dialogs/filepicker.js'
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
-import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
-import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
+import { generateOcsUrl } from '@nextcloud/router'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
-import LinkIcon from 'vue-material-design-icons/Link.vue'
+import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
-import CloudUploadIcon from 'vue-material-design-icons/CloudUpload.vue'
-import UploadIcon from 'vue-material-design-icons/Upload.vue'
-import FolderIcon from 'vue-material-design-icons/Folder.vue'
+import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
+import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
+
 import File from '../Components/File/File.vue'
+
 import { filesService } from '../domains/files/index.js'
 import { useFilesStore } from '../store/files.js'
 import { useSidebarStore } from '../store/sidebar.js'
diff --git a/src/views/ResetPassword.vue b/src/views/ResetPassword.vue
index 6623ac48c6..6054abb4bd 100644
--- a/src/views/ResetPassword.vue
+++ b/src/views/ResetPassword.vue
@@ -32,13 +32,15 @@
 </template>
 
 <script>
-import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
-import NcPasswordField from '@nextcloud/vue/dist/Components/NcPasswordField.js'
-import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import axios from '@nextcloud/axios'
-import { generateOcsUrl } from '@nextcloud/router'
 import { showError, showSuccess } from '@nextcloud/dialogs'
+import { generateOcsUrl } from '@nextcloud/router'
+
+import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
+import NcPasswordField from '@nextcloud/vue/dist/Components/NcPasswordField.js'
+
 import { useSignMethodsStore } from '../store/signMethods.js'
 
 export default {
diff --git a/src/views/Settings/AllowedGroups.vue b/src/views/Settings/AllowedGroups.vue
index cef64d8db6..c36c5b52ea 100644
--- a/src/views/Settings/AllowedGroups.vue
+++ b/src/views/Settings/AllowedGroups.vue
@@ -41,14 +41,16 @@
 </template>
 
 <script>
+import axios from '@nextcloud/axios'
 import { translate as t } from '@nextcloud/l10n'
-import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
-import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js'
 import { confirmPassword } from '@nextcloud/password-confirmation'
-import '@nextcloud/password-confirmation/dist/style.css'
-import axios from '@nextcloud/axios'
 import { generateOcsUrl } from '@nextcloud/router'
 
+import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js'
+import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
+
+import '@nextcloud/password-confirmation/dist/style.css'
+
 export default {
 	name: 'AllowedGroups',
 	components: {
diff --git a/src/views/Settings/CertificateCustonOptions.vue b/src/views/Settings/CertificateCustonOptions.vue
index 8c9589589b..85c0ac49c7 100644
--- a/src/views/Settings/CertificateCustonOptions.vue
+++ b/src/views/Settings/CertificateCustonOptions.vue
@@ -50,13 +50,14 @@
 </template>
 
 <script>
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
-import NcPopover from '@nextcloud/vue/dist/Components/NcPopover.js'
-import NcListItem from '@nextcloud/vue/dist/Components/NcListItem.js'
+import Delete from 'vue-material-design-icons/Delete.vue'
+
 import { emit } from '@nextcloud/event-bus'
 
-import Delete from 'vue-material-design-icons/Delete.vue'
+import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcListItem from '@nextcloud/vue/dist/Components/NcListItem.js'
+import NcPopover from '@nextcloud/vue/dist/Components/NcPopover.js'
+import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
 
 import { options, selectCustonOption } from '../../helpers/certification.js'
 
diff --git a/src/views/Settings/CertificateEngine.vue b/src/views/Settings/CertificateEngine.vue
index cfa5a1d6b0..db91736fe7 100644
--- a/src/views/Settings/CertificateEngine.vue
+++ b/src/views/Settings/CertificateEngine.vue
@@ -11,11 +11,13 @@
 	</NcSettingsSection>
 </template>
 <script>
-import { translate as t } from '@nextcloud/l10n'
-import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
-import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js'
 import { emit } from '@nextcloud/event-bus'
 import { loadState } from '@nextcloud/initial-state'
+import { translate as t } from '@nextcloud/l10n'
+
+import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js'
+import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
+
 import { useConfigureCheckStore } from '../../store/configureCheck.js'
 
 export default {
diff --git a/src/views/Settings/CollectMetadata.vue b/src/views/Settings/CollectMetadata.vue
index 609b554891..2daf81f487 100644
--- a/src/views/Settings/CollectMetadata.vue
+++ b/src/views/Settings/CollectMetadata.vue
@@ -8,11 +8,12 @@
 	</NcSettingsSection>
 </template>
 <script>
+import axios from '@nextcloud/axios'
 import { translate as t } from '@nextcloud/l10n'
-import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
-import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 import { generateOcsUrl } from '@nextcloud/router'
-import axios from '@nextcloud/axios'
+
+import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
+import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
 
 export default {
 	name: 'CollectMetadata',
diff --git a/src/views/Settings/ConfigureCheck.vue b/src/views/Settings/ConfigureCheck.vue
index 33df90b8cd..34cf6d42e4 100644
--- a/src/views/Settings/ConfigureCheck.vue
+++ b/src/views/Settings/ConfigureCheck.vue
@@ -24,7 +24,9 @@
 </template>
 <script>
 import { translate as t } from '@nextcloud/l10n'
+
 import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
+
 import { useConfigureCheckStore } from '../../store/configureCheck.js'
 
 export default {
diff --git a/src/views/Settings/DefaultUserFolder.vue b/src/views/Settings/DefaultUserFolder.vue
index dba7224ca8..28e005dc1f 100644
--- a/src/views/Settings/DefaultUserFolder.vue
+++ b/src/views/Settings/DefaultUserFolder.vue
@@ -14,12 +14,13 @@
 	</NcSettingsSection>
 </template>
 <script>
+import axios from '@nextcloud/axios'
 import { translate as t } from '@nextcloud/l10n'
+import { generateOcsUrl } from '@nextcloud/router'
+
+import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
 import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
-import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
-import { generateOcsUrl } from '@nextcloud/router'
-import axios from '@nextcloud/axios'
 
 export default {
 	name: 'DefaultUserFolder',
diff --git a/src/views/Settings/DownloadBinaries.vue b/src/views/Settings/DownloadBinaries.vue
index 6ba9016434..7f0276135a 100644
--- a/src/views/Settings/DownloadBinaries.vue
+++ b/src/views/Settings/DownloadBinaries.vue
@@ -26,14 +26,17 @@
 	</NcSettingsSection>
 </template>
 <script>
+import { set } from 'vue'
+
 import { translate as t } from '@nextcloud/l10n'
-import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
-import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
+import { generateOcsUrl } from '@nextcloud/router'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
 import NcProgressBar from '@nextcloud/vue/dist/Components/NcProgressBar.js'
-import { generateOcsUrl } from '@nextcloud/router'
-import { set } from 'vue'
+import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
+
 import { useConfigureCheckStore } from '../../store/configureCheck.js'
 
 export default {
diff --git a/src/views/Settings/ExpirationRules.vue b/src/views/Settings/ExpirationRules.vue
index 61c54bfe90..d4b9d9fbfd 100644
--- a/src/views/Settings/ExpirationRules.vue
+++ b/src/views/Settings/ExpirationRules.vue
@@ -34,12 +34,14 @@
 	</NcSettingsSection>
 </template>
 <script>
+import axios from '@nextcloud/axios'
 import { translate as t } from '@nextcloud/l10n'
-import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
+import { generateOcsUrl } from '@nextcloud/router'
+
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
+import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
 import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
-import axios from '@nextcloud/axios'
-import { generateOcsUrl } from '@nextcloud/router'
+
 export default {
 	name: 'ExpirationRules',
 	components: {
diff --git a/src/views/Settings/IdentificationDocuments.vue b/src/views/Settings/IdentificationDocuments.vue
index 5a86afa933..16c4b034f6 100644
--- a/src/views/Settings/IdentificationDocuments.vue
+++ b/src/views/Settings/IdentificationDocuments.vue
@@ -26,12 +26,13 @@
 	</NcSettingsSection>
 </template>
 <script>
+import axios from '@nextcloud/axios'
 import { translate as t } from '@nextcloud/l10n'
-import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
+import { generateOcsUrl } from '@nextcloud/router'
+
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js'
-import { generateOcsUrl } from '@nextcloud/router'
-import axios from '@nextcloud/axios'
+import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
 
 export default {
 	name: 'IdentificationDocuments',
diff --git a/src/views/Settings/IdentificationFactors.vue b/src/views/Settings/IdentificationFactors.vue
index 3c0ff09ef1..bdc300a27c 100644
--- a/src/views/Settings/IdentificationFactors.vue
+++ b/src/views/Settings/IdentificationFactors.vue
@@ -38,11 +38,13 @@
 	</NcSettingsSection>
 </template>
 <script>
+import { set } from 'vue'
+
+import { loadState } from '@nextcloud/initial-state'
 import { translate as t } from '@nextcloud/l10n'
-import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
+
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
-import { loadState } from '@nextcloud/initial-state'
-import { set } from 'vue'
+import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
 
 export default {
 	name: 'IdentificationFactors',
diff --git a/src/views/Settings/LegalInformation.vue b/src/views/Settings/LegalInformation.vue
index 84d51a04d6..7aa715a4a4 100644
--- a/src/views/Settings/LegalInformation.vue
+++ b/src/views/Settings/LegalInformation.vue
@@ -8,10 +8,11 @@
 	</NcSettingsSection>
 </template>
 <script>
+import axios from '@nextcloud/axios'
 import { translate as t } from '@nextcloud/l10n'
-import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
 import { generateOcsUrl } from '@nextcloud/router'
-import axios from '@nextcloud/axios'
+
+import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
 
 export default {
 	name: 'LegalInformation',
diff --git a/src/views/Settings/RootCertificateCfssl.vue b/src/views/Settings/RootCertificateCfssl.vue
index dc6773576e..91979652c3 100644
--- a/src/views/Settings/RootCertificateCfssl.vue
+++ b/src/views/Settings/RootCertificateCfssl.vue
@@ -110,18 +110,21 @@
 </template>
 
 <script>
-import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
-import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
-import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
-import { generateOcsUrl } from '@nextcloud/router'
 import axios from '@nextcloud/axios'
 import { showError } from '@nextcloud/dialogs'
-import { translate as t } from '@nextcloud/l10n'
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
 import { loadState } from '@nextcloud/initial-state'
+import { translate as t } from '@nextcloud/l10n'
+import { generateOcsUrl } from '@nextcloud/router'
+
+import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
+import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
+import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
+
 import CertificateCustonOptions from './CertificateCustonOptions.vue'
+
 import { selectCustonOption } from '../../helpers/certification.js'
 import { useConfigureCheckStore } from '../../store/configureCheck.js'
 
diff --git a/src/views/Settings/RootCertificateOpenSsl.vue b/src/views/Settings/RootCertificateOpenSsl.vue
index 7d49f496a3..16545e8d1e 100644
--- a/src/views/Settings/RootCertificateOpenSsl.vue
+++ b/src/views/Settings/RootCertificateOpenSsl.vue
@@ -99,18 +99,21 @@
 </template>
 
 <script>
-import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
-import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
-import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
-import { generateOcsUrl } from '@nextcloud/router'
 import axios from '@nextcloud/axios'
 import { showError } from '@nextcloud/dialogs'
-import { translate as t } from '@nextcloud/l10n'
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
 import { loadState } from '@nextcloud/initial-state'
+import { translate as t } from '@nextcloud/l10n'
+import { generateOcsUrl } from '@nextcloud/router'
+
+import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
+import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
+import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
+
 import CertificateCustonOptions from './CertificateCustonOptions.vue'
+
 import { selectCustonOption } from '../../helpers/certification.js'
 import { useConfigureCheckStore } from '../../store/configureCheck.js'
 
diff --git a/src/views/Settings/Settings.vue b/src/views/Settings/Settings.vue
index 9e64d546cd..faa38422f1 100644
--- a/src/views/Settings/Settings.vue
+++ b/src/views/Settings/Settings.vue
@@ -41,19 +41,20 @@
 
 <script>
 import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
+
+import AllowedGroups from './AllowedGroups.vue'
 import CertificateEngine from './CertificateEngine.vue'
-import DownloadBinaries from './DownloadBinaries.vue'
+import CollectMetadata from './CollectMetadata.vue'
 import ConfigureCheck from './ConfigureCheck.vue'
-import RootCertificateCfssl from './RootCertificateCfssl.vue'
-import RootCertificateOpenSsl from './RootCertificateOpenSsl.vue'
+import DefaultUserFolder from './DefaultUserFolder.vue'
+import DownloadBinaries from './DownloadBinaries.vue'
 import ExpirationRules from './ExpirationRules.vue'
-import Validation from './Validation.vue'
-import AllowedGroups from './AllowedGroups.vue'
-import LegalInformation from './LegalInformation.vue'
 import IdentificationDocuments from './IdentificationDocuments.vue'
-import CollectMetadata from './CollectMetadata.vue'
-import DefaultUserFolder from './DefaultUserFolder.vue'
 import IdentificationFactors from './IdentificationFactors.vue'
+import LegalInformation from './LegalInformation.vue'
+import RootCertificateCfssl from './RootCertificateCfssl.vue'
+import RootCertificateOpenSsl from './RootCertificateOpenSsl.vue'
+import Validation from './Validation.vue'
 
 export default {
 	name: 'Settings',
diff --git a/src/views/Settings/Validation.vue b/src/views/Settings/Validation.vue
index 0958f749c0..d52769ca6e 100644
--- a/src/views/Settings/Validation.vue
+++ b/src/views/Settings/Validation.vue
@@ -40,12 +40,14 @@
 	</NcSettingsSection>
 </template>
 <script>
+import axios from '@nextcloud/axios'
 import { translate as t } from '@nextcloud/l10n'
-import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
+import { generateOcsUrl } from '@nextcloud/router'
+
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
+import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
 import NcTextArea from '@nextcloud/vue/dist/Components/NcTextArea.js'
-import axios from '@nextcloud/axios'
-import { generateOcsUrl } from '@nextcloud/router'
+
 export default {
 	name: 'Validation',
 	components: {
diff --git a/src/views/SignPDF/SignPDF.vue b/src/views/SignPDF/SignPDF.vue
index 829372d1be..b95fa672d3 100644
--- a/src/views/SignPDF/SignPDF.vue
+++ b/src/views/SignPDF/SignPDF.vue
@@ -13,11 +13,13 @@
 
 <script>
 import { showError } from '@nextcloud/dialogs'
+
 import PdfEditor from '../../Components/PdfEditor/PdfEditor.vue'
-import { useSignStore } from '../../store/sign.js'
+import TopBar from '../../Components/TopBar/TopBar.vue'
+
 import { useFilesStore } from '../../store/files.js'
+import { useSignStore } from '../../store/sign.js'
 import { useSignMethodsStore } from '../../store/signMethods.js'
-import TopBar from '../../Components/TopBar/TopBar.vue'
 
 export default {
 	name: 'SignPDF',
diff --git a/src/views/SignPDF/_partials/ModalEmailManager.vue b/src/views/SignPDF/_partials/ModalEmailManager.vue
index cd8b6302c3..b8b78e35b0 100644
--- a/src/views/SignPDF/_partials/ModalEmailManager.vue
+++ b/src/views/SignPDF/_partials/ModalEmailManager.vue
@@ -58,20 +58,24 @@
 </template>
 
 <script>
+import md5 from 'blueimp-md5'
+
+import EmailIcon from 'vue-material-design-icons/Email.vue'
+import FormTextboxPasswordIcon from 'vue-material-design-icons/FormTextboxPassword.vue'
+
 import axios from '@nextcloud/axios'
+import { showError, showSuccess } from '@nextcloud/dialogs'
+import { loadState } from '@nextcloud/initial-state'
 import { generateOcsUrl } from '@nextcloud/router'
-import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
-import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
-import { showError, showSuccess } from '@nextcloud/dialogs'
-import { loadState } from '@nextcloud/initial-state'
-import FormTextboxPasswordIcon from 'vue-material-design-icons/FormTextboxPassword.vue'
-import EmailIcon from 'vue-material-design-icons/Email.vue'
-import md5 from 'blueimp-md5'
-import { validateEmail } from '../../../utils/validators.js'
-import { useSignMethodsStore } from '../../../store/signMethods.js'
+import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
+
 import { useSignStore } from '../../../store/sign.js'
+import { useSignMethodsStore } from '../../../store/signMethods.js'
+import { validateEmail } from '../../../utils/validators.js'
 
 const sanitizeNumber = val => {
 	val = val.replace(/\D/g, '')
diff --git a/src/views/SignPDF/_partials/ModalSMSManager.vue b/src/views/SignPDF/_partials/ModalSMSManager.vue
index 7be4f5d72d..59fcc307ef 100644
--- a/src/views/SignPDF/_partials/ModalSMSManager.vue
+++ b/src/views/SignPDF/_partials/ModalSMSManager.vue
@@ -45,14 +45,16 @@
 </template>
 
 <script>
-import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+import axios from '@nextcloud/axios'
+import { showError, showSuccess } from '@nextcloud/dialogs'
+import { confirmPassword } from '@nextcloud/password-confirmation'
+import { generateOcsUrl } from '@nextcloud/router'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
-import axios from '@nextcloud/axios'
-import { generateOcsUrl } from '@nextcloud/router'
-import { confirmPassword } from '@nextcloud/password-confirmation'
-import { showError, showSuccess } from '@nextcloud/dialogs'
+
 import { settingsService } from '../../../domains/settings/index.js'
 import { useSignStore } from '../../../store/sign.js'
 
diff --git a/src/views/SignPDF/_partials/Sign.vue b/src/views/SignPDF/_partials/Sign.vue
index f4aeb83611..89a9bde11a 100644
--- a/src/views/SignPDF/_partials/Sign.vue
+++ b/src/views/SignPDF/_partials/Sign.vue
@@ -101,24 +101,27 @@
 </template>
 
 <script>
-import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
-import axios from '@nextcloud/axios'
 import { getCurrentUser } from '@nextcloud/auth'
-import { generateOcsUrl } from '@nextcloud/router'
+import axios from '@nextcloud/axios'
 import { showError, showSuccess } from '@nextcloud/dialogs'
-import SMSManager from './ModalSMSManager.vue'
+import { generateOcsUrl } from '@nextcloud/router'
+
+import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
+import NcPasswordField from '@nextcloud/vue/dist/Components/NcPasswordField.js'
+
 import EmailManager from './ModalEmailManager.vue'
-import Signatures from '../../../views/Account/partials/Signatures.vue'
+import SMSManager from './ModalSMSManager.vue'
 import Draw from '../../../Components/Draw/Draw.vue'
-import NcPasswordField from '@nextcloud/vue/dist/Components/NcPasswordField.js'
+import Signatures from '../../../views/Account/partials/Signatures.vue'
 import CreatePassword from '../../../views/CreatePassword.vue'
+import ManagePassword from '../../Account/partials/ManagePassword.vue'
+
+import { useSidebarStore } from '../../../store/sidebar.js'
 import { useSignStore } from '../../../store/sign.js'
-import { useSignMethodsStore } from '../../../store/signMethods.js'
 import { useSignatureElementsStore } from '../../../store/signatureElements.js'
-import { useSidebarStore } from '../../../store/sidebar.js'
-import ManagePassword from '../../Account/partials/ManagePassword.vue'
+import { useSignMethodsStore } from '../../../store/signMethods.js'
 
 export default {
 	name: 'Sign',
diff --git a/src/views/Timeline/Timeline.vue b/src/views/Timeline/Timeline.vue
index 045d317ad3..d3ad50320b 100644
--- a/src/views/Timeline/Timeline.vue
+++ b/src/views/Timeline/Timeline.vue
@@ -33,10 +33,13 @@
 </template>
 
 <script>
-import File from '../../Components/File/File.vue'
-import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
 import FolderIcon from 'vue-material-design-icons/Folder.vue'
+
+import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
+
+import File from '../../Components/File/File.vue'
 import TopBar from '../../Components/TopBar/TopBar.vue'
+
 import { useFilesStore } from '../../store/files.js'
 
 export default {
diff --git a/src/views/Validation.vue b/src/views/Validation.vue
index e0c2dc85c7..79ac5be3e9 100644
--- a/src/views/Validation.vue
+++ b/src/views/Validation.vue
@@ -73,20 +73,23 @@
 </template>
 
 <script>
+import JSConfetti from 'js-confetti'
+
 import axios from '@nextcloud/axios'
-import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
+import { showError, showSuccess } from '@nextcloud/dialogs'
+import { loadState } from '@nextcloud/initial-state'
+import { translate as t } from '@nextcloud/l10n'
+import { generateUrl, generateOcsUrl } from '@nextcloud/router'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
-import NcRichText from '@nextcloud/vue/dist/Components/NcRichText.js'
 import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
-import JSConfetti from 'js-confetti'
-import { loadState } from '@nextcloud/initial-state'
-import BackgroundImage from '../../img/logo-gray.svg'
-import iconA from '../../img/info-circle-solid.svg'
+import NcRichText from '@nextcloud/vue/dist/Components/NcRichText.js'
+import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
+
 import iconB from '../../img/file-signature-solid.svg'
-import { generateUrl, generateOcsUrl } from '@nextcloud/router'
-import { showError, showSuccess } from '@nextcloud/dialogs'
-import { translate as t } from '@nextcloud/l10n'
+import iconA from '../../img/info-circle-solid.svg'
+import BackgroundImage from '../../img/logo-gray.svg'
 import logger from '../logger.js'
 
 export default {