@devix-tecnologia/timeline-vue 3.3.0 → 3.4.1
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 +10 -17
- package/package.json +13 -9
package/README.md
CHANGED
|
@@ -20,34 +20,27 @@ yarn add @devix-tecnologia/timeline-vue
|
|
|
20
20
|
|
|
21
21
|
### Formas de Importação
|
|
22
22
|
|
|
23
|
-
A biblioteca oferece
|
|
23
|
+
A biblioteca oferece duas formas de importação:
|
|
24
24
|
|
|
25
25
|
#### 1. Como Plugin Vue (instala todos componentes globalmente)
|
|
26
26
|
|
|
27
27
|
```ts
|
|
28
|
-
import { createApp } from 'vue'
|
|
29
|
-
import Timeline from '@devix-tecnologia/timeline-vue'
|
|
30
|
-
import '@devix-tecnologia/timeline-vue/dist/style.css'
|
|
28
|
+
import { createApp } from 'vue';
|
|
29
|
+
import Timeline from '@devix-tecnologia/timeline-vue';
|
|
30
|
+
import '@devix-tecnologia/timeline-vue/dist/style.css';
|
|
31
31
|
|
|
32
|
-
const app = createApp(App)
|
|
33
|
-
app.use(Timeline)
|
|
32
|
+
const app = createApp(App);
|
|
33
|
+
app.use(Timeline);
|
|
34
34
|
```
|
|
35
35
|
|
|
36
|
-
#### 2. Componentes Individuais (tree-shaking automático)
|
|
36
|
+
#### 2. Componentes Individuais (tree-shaking automático - recomendado)
|
|
37
37
|
|
|
38
38
|
```ts
|
|
39
|
-
import { Timeline, Tipos } from '@devix-tecnologia/timeline-vue'
|
|
40
|
-
import '@devix-tecnologia/timeline-vue/dist/style.css'
|
|
41
|
-
```
|
|
42
|
-
|
|
43
|
-
#### 3. Via Path `/components` (alternativa explícita)
|
|
44
|
-
|
|
45
|
-
```ts
|
|
46
|
-
import { Timeline, Tipos } from '@devix-tecnologia/timeline-vue/components'
|
|
47
|
-
import '@devix-tecnologia/timeline-vue/dist/style.css'
|
|
39
|
+
import { Timeline, Tipos } from '@devix-tecnologia/timeline-vue';
|
|
40
|
+
import '@devix-tecnologia/timeline-vue/dist/style.css';
|
|
48
41
|
```
|
|
49
42
|
|
|
50
|
-
> 💡 **Dica:**
|
|
43
|
+
> 💡 **Dica:** Use a opção 2 para melhor tree-shaking e menor bundle final. Use a opção 1 apenas se precisar de todos os componentes registrados globalmente.
|
|
51
44
|
|
|
52
45
|
### Exemplo de código
|
|
53
46
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@devix-tecnologia/timeline-vue",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.4.1",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"repository": {
|
|
@@ -54,20 +54,22 @@
|
|
|
54
54
|
"@typescript-eslint/eslint-plugin": "^8.50.1",
|
|
55
55
|
"@typescript-eslint/parser": "^8.50.1",
|
|
56
56
|
"@vitejs/plugin-vue": "^6.0.3",
|
|
57
|
+
"@vitest/browser-playwright": "^4.0.16",
|
|
57
58
|
"@vitest/coverage-v8": "^4.0.16",
|
|
58
59
|
"@vue/test-utils": "^2.4.6",
|
|
59
60
|
"autoprefixer": "^10.4.23",
|
|
60
61
|
"cross-env": "^10.1.0",
|
|
61
62
|
"cssnano": "^7.1.2",
|
|
62
63
|
"eslint": "^9.39.2",
|
|
63
|
-
"globals": "^14.0.0",
|
|
64
64
|
"eslint-config-prettier": "^10.1.8",
|
|
65
65
|
"eslint-plugin-import": "^2.32.0",
|
|
66
66
|
"eslint-plugin-prettier": "^5.5.4",
|
|
67
67
|
"eslint-plugin-storybook": "^10.1.10",
|
|
68
68
|
"eslint-plugin-unused-imports": "^4.3.0",
|
|
69
69
|
"eslint-plugin-vue": "^10.6.2",
|
|
70
|
+
"globals": "^16.5.0",
|
|
70
71
|
"happy-dom": "^20.0.11",
|
|
72
|
+
"playwright": "^1.57.0",
|
|
71
73
|
"postcss": "^8.5.6",
|
|
72
74
|
"postcss-load-config": "^6.0.1",
|
|
73
75
|
"postcss-plugin": "^1.0.0",
|
|
@@ -75,18 +77,24 @@
|
|
|
75
77
|
"rollup-plugin-visualizer": "^6.0.5",
|
|
76
78
|
"semantic-release": "25.0.2",
|
|
77
79
|
"storybook": "^10.1.10",
|
|
80
|
+
"taskin": "^1.0.12",
|
|
78
81
|
"typescript": "^5.9.3",
|
|
79
82
|
"vite": "^7.3.0",
|
|
80
83
|
"vite-plugin-dts": "^4.5.4",
|
|
81
84
|
"vitest": "^4.0.16",
|
|
82
85
|
"vue-eslint-parser": "^10.2.0",
|
|
83
|
-
"vue-tsc": "^3.2.1"
|
|
84
|
-
"playwright": "^1.57.0",
|
|
85
|
-
"@vitest/browser-playwright": "^4.0.16"
|
|
86
|
+
"vue-tsc": "^3.2.1"
|
|
86
87
|
},
|
|
87
88
|
"resolutions": {
|
|
88
89
|
"wrap-ansi": "^9.0.0"
|
|
89
90
|
},
|
|
91
|
+
"pnpm": {
|
|
92
|
+
"overrides": {
|
|
93
|
+
"postcss@<7.0.36": ">=7.0.36",
|
|
94
|
+
"postcss@<8.4.31": ">=8.4.31",
|
|
95
|
+
"wrap-ansi": "^9.0.0"
|
|
96
|
+
}
|
|
97
|
+
},
|
|
90
98
|
"files": [
|
|
91
99
|
"dist"
|
|
92
100
|
],
|
|
@@ -97,10 +105,6 @@
|
|
|
97
105
|
"import": "./dist/timeline-vue.es.js",
|
|
98
106
|
"types": "./dist/types/index.d.ts"
|
|
99
107
|
},
|
|
100
|
-
"./components": {
|
|
101
|
-
"import": "./dist/timeline-vue.es.js",
|
|
102
|
-
"types": "./dist/components/timeline/index.d.ts"
|
|
103
|
-
},
|
|
104
108
|
"./dist/style.css": "./dist/style.css"
|
|
105
109
|
},
|
|
106
110
|
"publishConfig": {
|