충돌 해결: index.css에서 @import를 @tailwind 선언 전에 배치

src/index.css

@@ -1,4 +1,3 @@
-
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
 
 @tailwind base;

src/plugins/build-info.ts

@@ -0,0 +1,31 @@
+
+/**
+ * 앱 빌드 정보를 가져오기 위한 Capacitor 플러그인
+ */
+interface BuildInfoPlugin {
+  /**
+   * 앱 빌드 정보를 가져옵니다.
+   * @returns 앱 버전, 빌드 번호 등의 정보
+   */
+  getBuildInfo(): Promise<{
+    versionName: string;
+    versionCode: number;
+    buildNumber: number;
+  }>;
+}
+
+// 기본 플러그인 구현
+const BuildInfo: BuildInfoPlugin = {
+  getBuildInfo: async () => {
+    // 웹 환경에서는 기본값 반환
+    return {
+      versionName: '1.0.0',
+      versionCode: 1,
+      buildNumber: 1
+    };
+  }
+};
+
+// 필요시 웹과 네이티브 환경에서 다르게 동작하도록 설정
+// 실제 네이티브 플러그인은 runtime에 교체됨
+export default BuildInfo;

src/plugins/index.ts

@@ -0,0 +1,6 @@
+
+import BuildInfo from './build-info';
+
+export {
+  BuildInfo
+};