diff --git a/client/listeners/index.mjs b/client/listeners/index.mjs
index 238f3f7d..99514b98 100644
--- a/client/listeners/index.mjs
+++ b/client/listeners/index.mjs
@@ -5,8 +5,8 @@ import currify from 'currify';
 import {tryToCatch} from 'try-to-catch';
 import clipboard from '@cloudcmd/clipboard';
 import * as Events from '#dom/events';
-import {getRange} from './get-range.mjs';
 import {uploadFiles} from '#dom/upload-files';
+import {getRange} from './get-range.mjs';
 import {FS} from '../../common/cloudfunc.mjs';
 import {getIndex} from './get-index.mjs';
 
diff --git a/client/modules/upload.js b/client/modules/upload.mjs
similarity index 74%
rename from client/modules/upload.js
rename to client/modules/upload.mjs
index de42009b..152f8b97 100644
--- a/client/modules/upload.js
+++ b/client/modules/upload.mjs
@@ -1,23 +1,21 @@
 /* global CloudCmd, DOM */
+import createElement from '@cloudcmd/create-element';
+import * as Files from '#dom/files';
+import {uploadFiles} from '#dom/upload-files';
+import * as Images from '../dom/images.mjs';
 
-'use strict';
-
-CloudCmd.Upload = exports;
-
-const createElement = require('@cloudcmd/create-element');
-const Files = require('#dom/files');
-const Images = require('../dom/images.mjs');
-const {uploadFiles} = require('#dom/upload-files');
-
-module.exports.init = async () => {
-    Images.show.load('top');
-    await CloudCmd.View();
+CloudCmd.Upload = {
+    init,
+    show,
+    hide,
 };
 
-module.exports.show = show;
-module.exports.hide = hide;
+export async function init() {
+    Images.show.load('top');
+    await CloudCmd.View();
+}
 
-async function show() {
+export async function show() {
     Images.show.load('top');
     
     const innerHTML = await Files.get('upload');
@@ -49,7 +47,7 @@ async function show() {
     });
 }
 
-function hide() {
+export function hide() {
     CloudCmd.View.hide();
 }