From d5812ddd34789d27735a5e8f15b19508dfba4e51 Mon Sep 17 00:00:00 2001
From: Robin <robin@robin.town>
Date: Tue, 22 Sep 2026 23:34:19 +0200
Subject: [PATCH] Fix Vitest import warning

Fixes the following warning:

[warn] (!) Your Vite config uses features that are unsupported by `configLoader: 'native'`, which is planned to become the default in a future major version of Vite:
  - import "./vite.config" without a file extension (vitest.config.ts:3:35). Add the file extension
Set `VITE_CONFIG_NATIVE_IGNORE_WARNING=true` to suppress this warning.
---
 vite-component-dev.config.ts | 2 +-
 vite-component.config.ts     | 2 +-
 vite-embedded.config.ts      | 2 +-
 vitest.config.ts             | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/vite-component-dev.config.ts b/vite-component-dev.config.ts
index 2e6783820..804b3d1f1 100644
--- a/vite-component-dev.config.ts
+++ b/vite-component-dev.config.ts
@@ -9,7 +9,7 @@ import { defineConfig, searchForWorkspaceRoot } from "vite";
 import { realpathSync } from "node:fs";
 import * as fs from "node:fs";
 
-import { vitePluginsConfig } from "./vite.config";
+import { vitePluginsConfig } from "./vite.config.ts";
 import { scopeStylesToRoot } from "./component/build/scopeStylesToRoot";
 
 // Serves the harness under `component/dev`, which embeds Element Call as a
diff --git a/vite-component.config.ts b/vite-component.config.ts
index ae0ac1508..09a70ee43 100644
--- a/vite-component.config.ts
+++ b/vite-component.config.ts
@@ -7,7 +7,7 @@ Please see LICENSE in the repository root for full details.
 
 import { defineConfig } from "vite";
 
-import { vitePluginsConfig } from "./vite.config";
+import { vitePluginsConfig } from "./vite.config.ts";
 import { scopeStylesToRoot } from "./component/build/scopeStylesToRoot";
 
 // Config for Element Call as a React component, to be imported by an
diff --git a/vite-embedded.config.ts b/vite-embedded.config.ts
index 228d2cf8f..36f2779b2 100644
--- a/vite-embedded.config.ts
+++ b/vite-embedded.config.ts
@@ -8,7 +8,7 @@ Please see LICENSE in the repository root for full details.
 import { defineConfig, mergeConfig } from "vite";
 import generateFile from "vite-plugin-generate-file";
 
-import fullConfig from "./vite.config";
+import fullConfig from "./vite.config.ts";
 
 const base = "./";
 
diff --git a/vitest.config.ts b/vitest.config.ts
index 81519325a..d6f67f89a 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -1,6 +1,6 @@
 import { defineConfig, mergeConfig } from "vitest/config";
 import { playwright } from "@vitest/browser-playwright";
-import { vitePluginsConfig } from "./vite.config";
+import { vitePluginsConfig } from "./vite.config.ts";
 import { storybookTest } from "@storybook/addon-vitest/vitest-plugin";
 import path from "node:path";
 import { fileURLToPath } from "node:url";