Use eslint to check for missing file extensions in imports

Author: filipsobol

.eslintrc.cjs

@@ -23,7 +23,14 @@ module.exports = {
 			' * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.',
 			' * For licensing, see LICENSE.md.',
 			' */'
-		] } ],
+		]
+		} ],
+		'ckeditor5-rules/require-file-extensions-in-imports': [
+			'error',
+			{
+				extensions: [ '.ts', '.js', '.json' ]
+			}
+		],
 		'ckeditor5-rules/prevent-license-key-leak': 'error',
 		'vue/multi-word-component-names': 'off',
 		'no-unused-vars': 'off',

demos/editor-cdn/App.vue

@@ -38,7 +38,7 @@
 
 <script setup lang="ts">
 import { ref, reactive, computed } from 'vue';
-import useCKEditorCloud from '../../src/useCKEditorCloud';
+import useCKEditorCloud from '../../src/useCKEditorCloud.js';
 import type { EventInfo, ClassicEditor } from 'https://cdn.ckeditor.com/typings/ckeditor5.d.ts';
 
 // Load CKEditor from the CDN

tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "ES2019",
     "useDefineForClassFields": true,
-    "module": "NodeNext",
+    "module": "ESNext",
     "lib": [
       "ES2019", // Must match the "target"
       "ES2020.String",
@@ -11,7 +11,8 @@
     ],
     "skipLibCheck": true,
 
-    "moduleResolution": "NodeNext",
+    /* Bundler mode */
+    "moduleResolution": "bundler",
     "isolatedModules": true,
     "moduleDetection": "force",