setupin 2.5.0-beta.2 → 2.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +18 -9
- package/README.zh-CN.md +16 -7
- package/dist/main.js +51 -32566
- package/dist/main.prod.js +22 -14419
- package/package.json +8 -11
- package/doc/logo.svg +0 -18
- package/doc/setup.vue.svg +0 -1
- package/doc/setupin.html.svg +0 -1
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<b>English</b> | <a href="./README.zh-CN.md">简体中文</a>
|
|
3
3
|
</p>
|
|
4
4
|
|
|
5
|
-
<p align="center"><img src="./
|
|
5
|
+
<p align="center"><img src="./public/logo.svg"></p>
|
|
6
6
|
|
|
7
7
|
<p align="center">
|
|
8
8
|
<a href="https://npmjs.com/package/setupin"><img src="https://img.shields.io/npm/v/setupin?color=orange"></a>
|
|
@@ -23,26 +23,35 @@
|
|
|
23
23
|
## 🤯 setupin.html _vs_ setup.vue
|
|
24
24
|
|
|
25
25
|
<p align="center">
|
|
26
|
-
<img src="./
|
|
27
|
-
<img src="./
|
|
26
|
+
<img src="./public/setup.vue.svg" width="49%">
|
|
27
|
+
<img src="./public/setupin.html.svg" width="49%">
|
|
28
28
|
</p>
|
|
29
29
|
|
|
30
30
|
How about that? Aren't they similar
|
|
31
31
|
|
|
32
|
-
##
|
|
32
|
+
## 🤓 Characteristics
|
|
33
|
+
|
|
34
|
+
- [x] auto on-demand import
|
|
35
|
+
- [x] supports esm syntax
|
|
36
|
+
- [x] [top-level await](https://vuejs.org/api/sfc-script-setup.html#top-level-await)
|
|
37
|
+
- [ ] [sfc css features](https://vuejs.org/api/sfc-css-features.html)
|
|
38
|
+
- [ ] vue3 macro functions
|
|
39
|
+
|
|
40
|
+
## 😝 Playground
|
|
33
41
|
|
|
34
42
|
try it on
|
|
35
43
|
[stackblitz](https://stackblitz.com/edit/setupin?file=index.html)
|
|
36
44
|
!
|
|
37
45
|
|
|
38
|
-
## 🥰
|
|
46
|
+
## 🥰 Usage
|
|
39
47
|
|
|
40
48
|
```html
|
|
49
|
+
<!-- The default is the dev version -->
|
|
41
50
|
<script src="https://unpkg.com/setupin"></script>
|
|
42
|
-
```
|
|
43
51
|
|
|
44
|
-
|
|
52
|
+
<!-- dev -->
|
|
53
|
+
<script src="https://unpkg.com/setupin/dist/main.js"></script>
|
|
45
54
|
|
|
46
|
-
|
|
47
|
-
<script src="https://
|
|
55
|
+
<!-- prod -->
|
|
56
|
+
<script src="https://unpkg.com/setupin/dist/main.prod.js"></script>
|
|
48
57
|
```
|
package/README.zh-CN.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<a href="./README.md">English</a> | <b>简体中文</b>
|
|
3
3
|
</p>
|
|
4
4
|
|
|
5
|
-
<p align="center"><img src="./
|
|
5
|
+
<p align="center"><img src="./public/logo.svg"></p>
|
|
6
6
|
|
|
7
7
|
<p align="center">
|
|
8
8
|
<a href="https://npmjs.com/package/setupin"><img src="https://img.shields.io/npm/v/setupin?color=orange"></a>
|
|
@@ -23,12 +23,20 @@
|
|
|
23
23
|
## 🤯 setupin.html _vs_ setup.vue
|
|
24
24
|
|
|
25
25
|
<p align="center">
|
|
26
|
-
<img src="./
|
|
27
|
-
<img src="./
|
|
26
|
+
<img src="./public/setup.vue.svg" width="49%">
|
|
27
|
+
<img src="./public/setupin.html.svg" width="49%">
|
|
28
28
|
</p>
|
|
29
29
|
|
|
30
30
|
怎么样, 它们很像吧。
|
|
31
31
|
|
|
32
|
+
## 🤓 特性
|
|
33
|
+
|
|
34
|
+
- [x] 自动按需导入
|
|
35
|
+
- [x] 支持 esm 语法
|
|
36
|
+
- [x] [顶层 await](https://cn.vuejs.org/api/sfc-script-setup.html#top-level-await)
|
|
37
|
+
- [ ] [CSS 功能](https://cn.vuejs.org/api/sfc-css-features)
|
|
38
|
+
- [ ] vue3 宏函数
|
|
39
|
+
|
|
32
40
|
## 😝 演练场
|
|
33
41
|
|
|
34
42
|
在 [stackblitz](https://stackblitz.com/edit/setupin?file=index.html)
|
|
@@ -37,11 +45,12 @@
|
|
|
37
45
|
## 🥰 CDN
|
|
38
46
|
|
|
39
47
|
```html
|
|
48
|
+
<!-- 默认是dev版本 -->
|
|
40
49
|
<script src="https://unpkg.com/setupin"></script>
|
|
41
|
-
```
|
|
42
50
|
|
|
43
|
-
|
|
51
|
+
<!-- dev -->
|
|
52
|
+
<script src="https://unpkg.com/setupin/dist/main.js"></script>
|
|
44
53
|
|
|
45
|
-
|
|
46
|
-
<script src="https://
|
|
54
|
+
<!-- prod -->
|
|
55
|
+
<script src="https://unpkg.com/setupin/dist/main.prod.js"></script>
|
|
47
56
|
```
|