diff --git a/package.json b/package.json
index 528e479f..d0e20377 100644
--- a/package.json
+++ b/package.json
@@ -88,7 +88,7 @@
     "prismjs": "^1.20.0",
     "sirv": "^1.0.10",
     "slash": "^3.0.0",
-    "vite": "^2.0.0-alpha.4",
+    "vite": "^2.0.0-alpha.5",
     "vue": "^3.0.5"
   },
   "devDependencies": {
diff --git a/src/client/theme-default/components/AlgoliaSearchBox.vue b/src/client/theme-default/components/AlgoliaSearchBox.vue
index 112660ba..dc657a03 100644
--- a/src/client/theme-default/components/AlgoliaSearchBox.vue
+++ b/src/client/theme-default/components/AlgoliaSearchBox.vue
@@ -2,13 +2,8 @@
   <div class="algolia-search-box" id="docsearch" />
 </template>
 
-<script lang="ts">
-// TODO: @vue/compiler-sfc currently has a bug that removes `import 'foo'`
-// statements in <script setup> so we put it here for now
-import '@docsearch/css'
-</script>
-
 <script setup lang="ts">
+import '@docsearch/css'
 import { useRoute, useRouter } from 'vitepress'
 import { defineProps, getCurrentInstance, onMounted, watch } from 'vue'
 import docsearch from '@docsearch/js'
diff --git a/yarn.lock b/yarn.lock
index 24731956..90bef5fc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6031,10 +6031,10 @@ verror@1.10.0:
     core-util-is "1.0.2"
     extsprintf "^1.2.0"
 
-vite@^2.0.0-alpha.4:
-  version "2.0.0-alpha.4"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-2.0.0-alpha.4.tgz#4c36681353cbac696addd2b3222b2a3240d4461c"
-  integrity sha512-dM3yJ9YguoK5aT5dFyn5C4cHcjFZ2aygJI0HgvT6Ta19nlDObYZuaI1cEc3ORFGwzO6oDcfPT6locvOadGhBzQ==
+vite@^2.0.0-alpha.5:
+  version "2.0.0-alpha.5"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-2.0.0-alpha.5.tgz#e7e840c0caafbc3d1264efb7b7cf5f08000bff24"
+  integrity sha512-cRm1/ZlcmIcl43ehvxs5Hr+5WapCYe3Zf4i6GM0a+VJPUgE0SJFzEO/SgZhJEc7PINmo+4TXKWAokZU+XvvwoA==
   dependencies:
     esbuild "^0.8.26"
     postcss "^8.2.1"