diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json
index d7c063aae8..f7e0483264 100644
--- a/.codesandbox/ci.json
+++ b/.codesandbox/ci.json
@@ -15,5 +15,5 @@
"packages/vue-instantsearch",
"packages/instantsearch.css"
],
- "node": "16"
+ "node": "20"
}
diff --git a/examples/vue/default-theme/README.md b/examples/vue/default-theme/README.md
index 5211201b16..f3bccb0e42 100644
--- a/examples/vue/default-theme/README.md
+++ b/examples/vue/default-theme/README.md
@@ -11,7 +11,7 @@ yarn install
### Compiles and hot-reloads for development
```
-yarn run serve
+yarn run dev
```
### Compiles and minifies for production
@@ -19,9 +19,3 @@ yarn run serve
```
yarn run build
```
-
-### Lints and fixes files
-
-```
-yarn run lint
-```
diff --git a/examples/vue/default-theme/index.html b/examples/vue/default-theme/index.html
new file mode 100644
index 0000000000..a1301eae64
--- /dev/null
+++ b/examples/vue/default-theme/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ default-theme
+
+
+
+
+
+
+
+
diff --git a/examples/vue/default-theme/package.json b/examples/vue/default-theme/package.json
index 3ac3cd492c..cb5f30f848 100644
--- a/examples/vue/default-theme/package.json
+++ b/examples/vue/default-theme/package.json
@@ -3,27 +3,23 @@
"version": "0.34.0",
"private": true,
"scripts": {
- "serve": "NODE_OPTIONS=--openssl-legacy-provider vue-cli-service serve",
- "build": "NODE_OPTIONS=--openssl-legacy-provider vue-cli-service build",
- "website:examples": "NODE_OPTIONS=--openssl-legacy-provider vue-cli-service build --dest ../../../website/examples/vue/default-theme"
+ "dev": "vite",
+ "build": "vite build",
+ "preview": "vite preview",
+ "website:examples": "vite build --outDir ../../../website/examples/vue/default-theme --base /examples/vue/default-theme"
},
"dependencies": {
"algoliasearch": "4.14.3",
- "core-js": "2",
"instantsearch.js": "4.62.0",
"vue": "2.7.14",
"vue-instantsearch": "4.13.1"
},
"devDependencies": {
- "@vue/cli-plugin-babel": "3.12.1",
- "@vue/cli-service": "3.12.1",
+ "vite": "5.0.7",
+ "vite-plugin-commonjs": "0.10.0",
+ "@vitejs/plugin-vue2": "2.3.1",
"vue-template-compiler": "2.7.14"
},
- "postcss": {
- "plugins": {
- "autoprefixer": {}
- }
- },
"browserslist": [
"> 1%",
"last 2 versions",
diff --git a/examples/vue/default-theme/public/index.html b/examples/vue/default-theme/public/index.html
deleted file mode 100644
index d1d0966a28..0000000000
--- a/examples/vue/default-theme/public/index.html
+++ /dev/null
@@ -1,25 +0,0 @@
-
-
-
-
-
-
-
- default-theme
-
-
-
-
-
-
-
-
-
diff --git a/examples/vue/default-theme/src/App.vue b/examples/vue/default-theme/src/App.vue
index a77c1bd98e..e348079d4c 100644
--- a/examples/vue/default-theme/src/App.vue
+++ b/examples/vue/default-theme/src/App.vue
@@ -127,8 +127,6 @@ import algoliasearch from 'algoliasearch/lite';
import { history as historyRouter } from 'instantsearch.js/es/lib/routers';
import { simple as simpleMapping } from 'instantsearch.js/es/lib/stateMappings';
-import './App.css';
-
export default {
data() {
return {
diff --git a/examples/vue/default-theme/src/main.js b/examples/vue/default-theme/src/main.js
index 6c0a207513..a4df97a182 100644
--- a/examples/vue/default-theme/src/main.js
+++ b/examples/vue/default-theme/src/main.js
@@ -1,6 +1,7 @@
import Vue from 'vue';
-import InstantSearch from 'vue-instantsearch';
+import InstantSearch from 'vue-instantsearch/vue2/es';
+import './App.css';
import App from './App.vue';
Vue.use(InstantSearch);
diff --git a/examples/vue/default-theme/vite.config.mjs b/examples/vue/default-theme/vite.config.mjs
new file mode 100644
index 0000000000..60569b9043
--- /dev/null
+++ b/examples/vue/default-theme/vite.config.mjs
@@ -0,0 +1,7 @@
+import vue from '@vitejs/plugin-vue2';
+import { defineConfig } from 'vite';
+import commonjs from 'vite-plugin-commonjs';
+
+export default defineConfig({
+ plugins: [commonjs(), vue()],
+});
diff --git a/examples/vue/default-theme/vue.config.js b/examples/vue/default-theme/vue.config.js
deleted file mode 100644
index e956a5b790..0000000000
--- a/examples/vue/default-theme/vue.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
- publicPath: './',
- devServer: {
- disableHostCheck: true,
- },
-};
diff --git a/examples/vue/e-commerce/README.md b/examples/vue/e-commerce/README.md
index 1e6f445121..814258c492 100644
--- a/examples/vue/e-commerce/README.md
+++ b/examples/vue/e-commerce/README.md
@@ -11,7 +11,7 @@ yarn install
### Compiles and hot-reloads for development
```
-yarn run serve
+yarn run dev
```
### Compiles and minifies for production
@@ -19,9 +19,3 @@ yarn run serve
```
yarn run build
```
-
-### Lints and fixes files
-
-```
-yarn run lint
-```
diff --git a/examples/vue/e-commerce/public/index.html b/examples/vue/e-commerce/index.html
similarity index 83%
rename from examples/vue/e-commerce/public/index.html
rename to examples/vue/e-commerce/index.html
index d850363344..29e4bb8ed9 100644
--- a/examples/vue/e-commerce/public/index.html
+++ b/examples/vue/e-commerce/index.html
@@ -8,8 +8,8 @@
/>
-
-
+
+
You need to enable JavaScript to run this app.
+