diff --git a/src/pages/TemplateManagePage.tsx b/src/pages/TemplateManagePage.tsx
index 1b01125..6e0269a 100644
--- a/src/pages/TemplateManagePage.tsx
+++ b/src/pages/TemplateManagePage.tsx
@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react'
 import { Upload, FolderOpen, Trash2, Eye, Download, Search, Filter, Grid, List } from 'lucide-react'
+import { invoke } from '@tauri-apps/api/tauri'
 import { TemplateService } from '../services/tauri'
 
 interface TemplateInfo {
@@ -63,7 +64,7 @@ const TemplateManagePage: React.FC = () => {
   const handleBatchImport = async () => {
     try {
       // Select folder using Tauri dialog
-      const folderResult = await window.__TAURI_INVOKE__('select_folder')
+      const folderResult = await invoke('select_folder')
       if (!folderResult) return
 
       setImporting(true)