Skip to content

Commit 3f4ce11

Browse files
mohdashraf010897mohdashraf010897
committed
fix(vue): migrate vue showcase examples to vite
1 parent 57ab824 commit 3f4ce11

File tree

37 files changed

+460
-327
lines changed

37 files changed

+460
-327
lines changed

‎packages/vue/examples/data-search/vue.config.js‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
module.exports = {
2+
chainWebpack: config => {
3+
if (process.env.NODE_ENV === 'development') {
4+
config
5+
.output
6+
.filename('[name].[hash].js')
7+
.end()
8+
}
9+
}
10+
}

‎packages/vue/examples/dynamic-range-slider/vue.config.js‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
module.exports = {
2+
chainWebpack: config => {
3+
if (process.env.NODE_ENV === 'development') {
4+
config
5+
.output
6+
.filename('[name].[hash].js')
7+
.end()
8+
}
9+
}
10+
}

‎packages/vue/examples/range-slider/vue.config.js‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
module.exports = {
2+
chainWebpack: config => {
3+
if (process.env.NODE_ENV === 'development') {
4+
config
5+
.output
6+
.filename('[name].[hash].js')
7+
.end()
8+
}
9+
}
10+
}

‎packages/vue/examples/search-showcase/ai-answer-simple/index.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>AI Answer Simple</title>
8+
</head>
9+
<body>
10+
<div id="app"></div>
11+
<script type="module" src="/src/main.js"></script>
12+
</body>
13+
</html>

‎packages/vue/examples/search-showcase/ai-answer-simple/package.json‎

Lines changed: 13 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,23 @@
11
{
22
"name": "vue-search-showcase-ai-answer-simple",
3-
"version": "0.1.0",
43
"private": true,
4+
"version": "0.0.0",
5+
"type": "module",
56
"scripts": {
6-
"serve": "vue-cli-service serve",
7-
"build": "vue-cli-service build",
8-
"lint": "vue-cli-service lint"
7+
"serve": "volar-preview-vite",
8+
"build": "vue-tsc && vite build",
9+
"preview": "vite preview"
910
},
1011
"dependencies": {
1112
"@appbaseio/reactivesearch-vue": "3.3.4",
12-
"vue": "^3.2.5"
13+
"vue": "^3.3.9",
14+
"vuejs-paginate": "^2.1.0"
1315
},
1416
"devDependencies": {
15-
"@vue/cli-plugin-babel": "^5.0.8",
16-
"@vue/cli-service": "^5.0.8",
17-
"@vue/compiler-sfc": "^3.1.0"
18-
},
19-
"eslintConfig": {
20-
"root": true,
21-
"env": {
22-
"node": true
23-
},
24-
"extends": [
25-
"plugin:vue/essential",
26-
"eslint:recommended"
27-
],
28-
"rules": {},
29-
"parserOptions": {
30-
"parser": "babel-eslint"
31-
}
32-
},
33-
"browserslist": [
34-
"> 1%",
35-
"last 2 versions",
36-
"not ie <= 8"
37-
]
17+
"@codesandbox/vue-preview": "^0.1.1-alpha.16",
18+
"@vitejs/plugin-vue": "^4.0.0",
19+
"@vitejs/plugin-vue-jsx": "^3.1.0",
20+
"@vue/babel-preset-app": "^5.0.8",
21+
"vite": "^5.0.4"
22+
}
3823
}

‎packages/vue/examples/search-showcase/ai-answer-simple/vite.config.js‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
/* eslint-disable import/no-extraneous-dependencies */
2+
import vue from '@vitejs/plugin-vue';
3+
import vueJsx from '@vitejs/plugin-vue-jsx';
4+
5+
export default {
6+
plugins: [vue(), vueJsx()],
7+
optimizeDeps: {
8+
include: [
9+
'@appbaseio/reactivecore',
10+
'@appbaseio/reactivesearch-vue',
11+
'fast-deep-equal',
12+
],
13+
},
14+
};

‎packages/vue/examples/search-showcase/auto-suggestions/index.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>search-box-autosuggestions</title>
8+
</head>
9+
<body>
10+
<div id="app"></div>
11+
<script type="module" src="/src/main.js"></script>
12+
</body>
13+
</html>

‎packages/vue/examples/search-showcase/auto-suggestions/package.json‎

Lines changed: 13 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,23 @@
11
{
22
"name": "search-box-autosuggestions",
3-
"version": "0.1.0",
43
"private": true,
4+
"version": "0.0.0",
5+
"type": "module",
56
"scripts": {
6-
"serve": "vue-cli-service serve",
7-
"build": "vue-cli-service build",
8-
"lint": "vue-cli-service lint"
7+
"serve": "volar-preview-vite",
8+
"build": "vue-tsc && vite build",
9+
"preview": "vite preview"
910
},
1011
"dependencies": {
1112
"@appbaseio/reactivesearch-vue": "3.3.4",
12-
"vue": "^3.2.5"
13+
"vue": "^3.3.9",
14+
"vuejs-paginate": "^2.1.0"
1315
},
1416
"devDependencies": {
15-
"@vue/cli-plugin-babel": "^5.0.8",
16-
"@vue/cli-service": "^5.0.8",
17-
"@vue/compiler-sfc": "^3.1.0"
18-
},
19-
"eslintConfig": {
20-
"root": true,
21-
"env": {
22-
"node": true
23-
},
24-
"extends": [
25-
"plugin:vue/essential",
26-
"eslint:recommended"
27-
],
28-
"rules": {},
29-
"parserOptions": {
30-
"parser": "babel-eslint"
31-
}
32-
},
33-
"browserslist": [
34-
"> 1%",
35-
"last 2 versions",
36-
"not ie <= 8"
37-
]
17+
"@codesandbox/vue-preview": "^0.1.1-alpha.16",
18+
"@vitejs/plugin-vue": "^4.0.0",
19+
"@vitejs/plugin-vue-jsx": "^3.1.0",
20+
"@vue/babel-preset-app": "^5.0.8",
21+
"vite": "^5.0.4"
22+
}
3823
}

‎packages/vue/examples/search-showcase/auto-suggestions/vite.config.js‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
/* eslint-disable import/no-extraneous-dependencies */
2+
import vue from '@vitejs/plugin-vue';
3+
import vueJsx from '@vitejs/plugin-vue-jsx';
4+
5+
export default {
6+
plugins: [vue(), vueJsx()],
7+
optimizeDeps: {
8+
include: [
9+
'@appbaseio/reactivecore',
10+
'@appbaseio/reactivesearch-vue',
11+
'fast-deep-equal',
12+
],
13+
},
14+
};

‎packages/vue/examples/search-showcase/faq-suggestions/index.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>search-showcase-faq-suggestions</title>
8+
</head>
9+
<body>
10+
<div id="app"></div>
11+
<script type="module" src="/src/main.js"></script>
12+
</body>
13+
</html>

0 commit comments

Comments
 (0)