Skip to content

Commit f93c0d5

Browse files
Saranya13Saranya13
authored
Merge pull request #3 from SyncfusionExamples/972599-DependabotUpdate
972599: To resolve Git Dependabot alerts
2 parents 105d51e + b18dc01 commit f93c0d5

File tree

6 files changed

+44
-48
lines changed

6 files changed

+44
-48
lines changed

‎babel.config.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
module.exports = {
22
presets: [
3-
'@vue/app'
3+
'@vue/cli-plugin-babel/preset'
44
]
5-
}
5+
}

‎dist/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/favicon.ico><title>vuegrid</title><link href=/css/app.92647ec0.css rel=preload as=style><link href=/css/chunk-vendors.ce506f37.css rel=preload as=style><link href=/js/app.156fd76a.js rel=preload as=script><link href=/js/chunk-vendors.bdc5ef1a.js rel=preload as=script><link href=/css/chunk-vendors.ce506f37.css rel=stylesheet><link href=/css/app.92647ec0.css rel=stylesheet></head><body><noscript><strong>We're sorry but vuegrid doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/js/chunk-vendors.bdc5ef1a.js></script><script src=/js/app.156fd76a.js></script></body></html>
1+
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>vuegrid</title><script defer="defer" src="/js/chunk-vendors.944cd77f.js"></script><script defer="defer" src="/js/app.84de863d.js"></script><link href="/css/app.f2e5939f.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but vuegrid doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>

‎package.json

Lines changed: 17 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -8,40 +8,36 @@
88
"lint": "vue-cli-service lint"
99
},
1010
"dependencies": {
11-
"@syncfusion/ej2-vue-grids": "^17.3.16",
12-
"core-js": "^2.6.5",
13-
"vue": "^2.6.10"
11+
"@syncfusion/ej2-vue-grids": "^22.1.34",
12+
"core-js": "^3.30.1",
13+
"vue": "^3.3.4"
1414
},
1515
"devDependencies": {
16-
"@vue/cli-plugin-babel": "^3.12.0",
17-
"@vue/cli-plugin-eslint": "^3.12.0",
18-
"@vue/cli-service": "^3.12.0",
19-
"babel-eslint": "^10.0.1",
20-
"eslint": "^5.16.0",
21-
"eslint-plugin-vue": "^5.0.0",
22-
"vue-template-compiler": "^2.6.10"
16+
"@babel/core": "^7.21.8",
17+
"@babel/eslint-parser": "^7.21.8",
18+
"@vue/cli-plugin-babel": "~5.0.8",
19+
"@vue/cli-plugin-eslint": "~5.0.8",
20+
"@vue/cli-service": "~5.0.8",
21+
"eslint": "^8.39.0",
22+
"eslint-plugin-vue": "^9.11.0"
2323
},
2424
"eslintConfig": {
2525
"root": true,
2626
"env": {
2727
"node": true
2828
},
2929
"extends": [
30-
"plugin:vue/essential",
30+
"plugin:vue/vue3-essential",
3131
"eslint:recommended"
3232
],
33-
"rules": {},
3433
"parserOptions": {
35-
"parser": "babel-eslint"
36-
}
37-
},
38-
"postcss": {
39-
"plugins": {
40-
"autoprefixer": {}
41-
}
34+
"parser": "@babel/eslint-parser"
35+
},
36+
"rules": {}
4237
},
4338
"browserslist": [
4439
"> 1%",
45-
"last 2 versions"
40+
"last 2 versions",
41+
"not dead"
4642
]
47-
}
43+
}

‎public/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,4 +14,4 @@
1414
<div id="app"></div>
1515
<!-- built files will be auto injected -->
1616
</body>
17-
</html>
17+
</html>

‎src/App.vue

Lines changed: 21 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -11,25 +11,29 @@
1111
</template>
1212

1313
<script>
14-
import Vue from 'vue';
15-
import { GridPlugin, Page, Sort, Filter, Group } from '@syncfusion/ej2-vue-grids';
16-
Vue.use(GridPlugin);
14+
import { GridComponent, ColumnsDirective, ColumnDirective, Page, Sort, Filter, Group } from '@syncfusion/ej2-vue-grids';
1715
1816
export default {
19-
data () {
17+
components: {
18+
'ejs-grid': GridComponent,
19+
'e-columns': ColumnsDirective,
20+
'e-column': ColumnDirective
21+
},
22+
data() {
2023
return {
21-
data: [
22-
{ OrderID: 10248, CustomerID: 'VINET', Price: 32.38 },
23-
{ OrderID: 10250, CustomerID: 'HANAR', Price: 65.83 },
24-
{ OrderID: 10251, CustomerID: 'VICTE', Price: 41.34 },
25-
{ OrderID: 10252, CustomerID: 'SUPRD', Price: 51.3 },
26-
{ OrderID: 10253, CustomerID: 'HANAR', Price: 58.17 },
27-
{ OrderID: 10254, CustomerID: 'CHOPS', Price: 22.98 },
28-
{ OrderID: 10255, CustomerID: 'RICSU', Price: 148.33 },
29-
{ OrderID: 10256, CustomerID: 'WELLI', Price: 13.97 },
30-
{ OrderID: 10249, CustomerID: 'TOMSP', Price: 11.61 },],
31-
pageSettings: { pageSize: 5 }
32-
}
24+
data: [
25+
{ OrderID: 10248, CustomerID: 'VINET', Price: 32.38 },
26+
{ OrderID: 10250, CustomerID: 'HANAR', Price: 65.83 },
27+
{ OrderID: 10251, CustomerID: 'VICTE', Price: 41.34 },
28+
{ OrderID: 10252, CustomerID: 'SUPRD', Price: 51.3 },
29+
{ OrderID: 10253, CustomerID: 'HANAR', Price: 58.17 },
30+
{ OrderID: 10254, CustomerID: 'CHOPS', Price: 22.98 },
31+
{ OrderID: 10255, CustomerID: 'RICSU', Price: 148.33 },
32+
{ OrderID: 10256, CustomerID: 'WELLI', Price: 13.97 },
33+
{ OrderID: 10249, CustomerID: 'TOMSP', Price: 11.61 },
34+
],
35+
pageSettings: { pageSize: 5 }
36+
};
3337
},
3438
provide: {
3539
grid: [Page, Sort, Filter, Group]
@@ -38,5 +42,5 @@ export default {
3842
</script>
3943

4044
<style>
41-
@import url("https://cdn.syncfusion.com/ej2/material.css");
45+
@import url("https://cdn.syncfusion.com/ej2/material.css");
4246
</style>

‎src/main.js

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,4 @@
1-
import Vue from 'vue'
1+
import { createApp } from 'vue'
22
import App from './App.vue'
33

4-
Vue.config.productionTip = false
5-
6-
new Vue({
7-
render: h => h(App),
8-
}).$mount('#app')
4+
createApp(App).mount('#app')

0 commit comments

Comments
 (0)