Skip to content

Commit ed29390

Browse files
SergeyKhvalSergeyKhval
authored
feat: implement basic Vue3 support (jbaysolutions#470)
* feat: implement basic Vue3 support * restore postcss with autoprefixer * downgrade autoprefixer * add build using rollup
1 parent 0a67b61 commit ed29390

23 files changed

+1007
-1373
lines changed

‎babel.config.js

Lines changed: 0 additions & 8 deletions
This file was deleted.

‎index.html

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width,initial-scale=1.0">
7+
<!--<link rel="icon" href="<%= BASE_URL %>favicon.ico">-->
8+
<link rel="icon" href="./src/favicon.ico">
9+
<link href="./src/app.css" rel="stylesheet"/>
10+
11+
<title>Vue Grid Layout</title>
12+
</head>
13+
<body>
14+
<div id="app"></div>
15+
<script type="module" src="/src/main.js"></script>
16+
</body>
17+
</html>

‎package.json

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -21,26 +21,26 @@
2121
"main": "dist/vue-grid-layout.common.js",
2222
"unpkg": "dist/vue-grid-layout.umd.min.js",
2323
"scripts": {
24-
"serve": "vue-cli-service serve",
25-
"build": "rimraf dist && vue-cli-service build",
26-
"build-lib": "rimraf dist && vue-cli-service build --target lib ./src/components/index.js",
27-
"lint": "vue-cli-service lint"
24+
"dev": "vite",
25+
"build": "rollup -c"
2826
},
2927
"dependencies": {
30-
"element-resize-detector": "^1.1.15",
31-
"interactjs": "^1.9.22"
28+
"element-resize-detector": "^1.2.1",
29+
"interactjs": "^1.9.22",
30+
"mitt": "^2.1.0"
3231
},
3332
"devDependencies": {
34-
"@vue/cli-plugin-babel": "^3.4.1",
35-
"@vue/cli-plugin-eslint": "^3.4.1",
36-
"@vue/cli-service": "^3.4.1",
37-
"@vue/eslint-config-standard": "^3.0.5",
38-
"babel-plugin-transform-flow-comments": "^6.7.0",
39-
"node-sass": "^4.13.0",
40-
"rimraf": "^2.6.2",
41-
"sass-loader": "^7.0.1",
42-
"vue": "^2.6.12",
43-
"vue-template-compiler": "^2.6.12",
44-
"webpack-bundle-analyzer": "^3.4.1"
33+
"@types/element-resize-detector": "^1.1.2",
34+
"@vue/compiler-sfc": "3.0.0",
35+
"autoprefixer": "^9.0.0",
36+
"rollup-plugin-postcss": "^3.1.8",
37+
"rollup-plugin-typescript": "^1.0.1",
38+
"rollup-plugin-vue": "^6.0.0-beta.10",
39+
"tslib": "^2.0.2",
40+
"typescript": "^4.0.3",
41+
"vite": "^1.0.0-rc.4"
42+
},
43+
"peerDependencies": {
44+
"vue": "3.0.0"
4545
}
4646
}

‎postcss.config.js

Lines changed: 0 additions & 5 deletions
This file was deleted.

‎public/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">
66
<meta name="viewport" content="width=device-width,initial-scale=1.0">
77
<!--<link rel="icon" href="<%= BASE_URL %>favicon.ico">-->
8-
<link rel="icon" href="favicon.ico">
9-
<link href="app.css" rel="stylesheet"/>
8+
<link rel="icon" href="../src/favicon.ico">
9+
<link href="../src/app.css" rel="stylesheet"/>
1010

1111
<title>Vue Grid Layout</title>
1212
</head>

‎rollup.config.js

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
import vue from 'rollup-plugin-vue'
2+
import typescript from 'rollup-plugin-typescript'
3+
import {nodeResolve} from '@rollup/plugin-node-resolve'
4+
import commonjs from '@rollup/plugin-commonjs';
5+
import { terser } from 'rollup-plugin-terser'
6+
import postcss from 'rollup-plugin-postcss'
7+
import pkg from './package.json'
8+
9+
export default {
10+
input: 'src/components/index.js',
11+
output: [
12+
{
13+
file: pkg.main,
14+
format: 'cjs'
15+
},
16+
{
17+
file: pkg.unpkg,
18+
format: 'umd',
19+
name: 'bundle'
20+
}
21+
],
22+
plugins: [
23+
nodeResolve(),
24+
commonjs(),
25+
typescript({
26+
tsconfig: false,
27+
experimentalDecorators: true,
28+
module: 'es2015'
29+
}),
30+
vue(),
31+
postcss({
32+
plugins: [require('autoprefixer')]
33+
}),
34+
terser(),
35+
],
36+
external: ['vue']
37+
}

0 commit comments

Comments
 (0)