fix: add extensions to imports (#2950)

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>

packages/svelte/src/Icon.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import defaultAttributes from './defaultAttributes';
-  import type { IconProps } from './types';
+  import defaultAttributes from './defaultAttributes.js';
+  import type { IconProps } from './types.js';
 
   const {
     name,

packages/svelte/src/aliases/index.ts

@@ -1,3 +1,3 @@
-export * from './aliases';
-export * from './prefixed';
-export * from './suffixed';
+export * from './aliases.js';
+export * from './prefixed.js';
+export * from './suffixed.js';

packages/svelte/src/lucide-svelte.ts

@@ -1,6 +1,6 @@
-export * from './icons/index';
-export * as icons from './icons/index';
-export * from './aliases';
-export { default as defaultAttributes } from './defaultAttributes';
-export * from './types';
+export * from './icons/index.js';
+export * as icons from './icons/index.js';
+export * from './aliases/index.js';
+export { default as defaultAttributes } from './defaultAttributes.js';
+export * from './types.js';
 export { default as Icon } from './Icon.svelte';

packages/svelte/svelte.config.js

@@ -1,5 +1,5 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
-import sveltePreprocess from 'svelte-preprocess';
+import { sveltePreprocess } from 'svelte-preprocess';
 
 export default {
   preprocess: sveltePreprocess({

packages/svelte/tests/Icon.spec.ts

@@ -1,8 +1,8 @@
 import { describe, it, expect } from 'vitest';
 import { render } from '@testing-library/svelte';
-import { Icon } from '../src/lucide-svelte';
+import { Icon } from '../src/lucide-svelte.js';
 
-import { airVent } from './testIconNodes';
+import { airVent } from './testIconNodes.js';
 
 describe('Using Icon Component', () => {
   it('should render icon based on a iconNode', async () => {

packages/svelte/tests/lucide-svelte.spec.ts

@@ -1,6 +1,6 @@
 import { describe, it, expect, afterEach } from 'vitest';
 import { render, cleanup } from '@testing-library/svelte';
-import { Smile, Pen, Edit2 } from '../src/lucide-svelte';
+import { Smile, Pen, Edit2 } from '../src/lucide-svelte.js';
 import TestSlots from './TestSlots.svelte';
 
 describe('Using lucide icon components', () => {

packages/svelte/tests/testIconNodes.ts

@@ -1,4 +1,4 @@
-import type { IconNode } from '../src/lucide-svelte';
+import type { IconNode } from '../src/lucide-svelte.js';
 
 export const airVent: IconNode = [
   [

packages/svelte/tsconfig.json

@@ -3,7 +3,8 @@
   "compilerOptions": {
     "target": "ESNext",
     "useDefineForClassFields": true,
-    "module": "ESNext",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
     "resolveJsonModule": true,
     "allowJs": true,
     "checkJs": true,