diff --git a/src/pages/type/[type].astro b/src/pages/type/[type].astro
index a82d769..024826d 100644
--- a/src/pages/type/[type].astro
+++ b/src/pages/type/[type].astro
@@ -46,7 +46,7 @@ const brandList: Array<BrandEnum | "all"> = ["all", ...nonEmptyBrands];
     name="description"
     content="MockUPhone supports devices including iPhone mockup, iPad mockup, Android mockup and TV mockup. You can check out the whole device list via this page."
   />
-  <script type="text/javascript" src="./_device.js"></script>
+  <script src="./_device.js"></script>
   <script
     define:vars={{ thumbnailList, brandThumbnailList, modelItems, brandItems }}
   >
diff --git a/src/pages/type/_device.js b/src/pages/type/_device.js
index b03a826..be9a452 100644
--- a/src/pages/type/_device.js
+++ b/src/pages/type/_device.js
@@ -1,3 +1,9 @@
+import * as autocompletePluginRecentSearchesPkg from "@algolia/autocomplete-plugin-recent-searches";
+const { createLocalStorageRecentSearchesPlugin } =
+  autocompletePluginRecentSearchesPkg;
+import * as autocompleteJsPkg from "@algolia/autocomplete-js";
+const { autocomplete } = autocompleteJsPkg;
+
 const isDebug = false;
 const NUM_DEFAULT_MODEL_ITEMS_TO_DISPLAY = 0;
 const NUM_DEFAULT_BRAND_ITEMS_TO_DISPLAY = 0;
@@ -5,15 +11,6 @@ const MAX_SEARCH_HISTORY_ITEM = 5;
 const ALGOLIA_SEARCH_HISTORY_KEY = "brandModelSearch";
 const LOCAL_STORAGE_KEY = `AUTOCOMPLETE_RECENT_SEARCHES:${ALGOLIA_SEARCH_HISTORY_KEY}`;
 
-function ready(fn) {
-  if (document.readyState != "loading") {
-    fn();
-  } else {
-    document.addEventListener("DOMContentLoaded", fn);
-  }
-}
-ready(main);
-
 class RootViewModel {
   submittedQuery = "";
   selectedBrand = "all";
@@ -177,10 +174,6 @@ function moveOldHistoryToTop(oldHistoryItem) {
 }
 
 function initializeSearch(viewModel, containerId) {
-  const { autocomplete } = window["@algolia/autocomplete-js"];
-  const { createLocalStorageRecentSearchesPlugin } =
-    window["@algolia/autocomplete-plugin-recent-searches"];
-
   const recentSearchesPlugin = createLocalStorageRecentSearchesPlugin({
     key: ALGOLIA_SEARCH_HISTORY_KEY,
     MAX_SEARCH_HISTORY_ITEM,
@@ -464,3 +457,12 @@ function main() {
   handleBrandSearchParams(viewModel);
   handleQuerySearchParams(viewModel);
 }
+
+function ready(fn) {
+  if (document.readyState != "loading") {
+    fn();
+  } else {
+    document.addEventListener("DOMContentLoaded", fn);
+  }
+}
+ready(main);