@utrecht/web-component-library-vue 1.0.0-alpha.29 → 1.0.0-alpha.290
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 +4 -2
- package/dist/components.d.ts +201 -941
- package/dist/core-js.8250656c.mjs +3321 -0
- package/dist/dom.867dd471.mjs +664 -0
- package/dist/index.d.ts +2 -0
- package/dist/plugin.d.ts +2 -0
- package/dist/vue-component-lib/utils.d.ts +7 -3
- package/dist/web-component-library-vue.es.js +866 -0
- package/dist/web-component-library-vue.umd.js +18 -0
- package/package.json +26 -10
- package/dist/components.js +0 -141
- package/dist/vue-component-lib/utils.js +0 -162
package/README.md
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
<!-- @license CC0-1.0 -->
|
|
2
|
+
|
|
1
3
|
# Vue.js Components
|
|
2
4
|
|
|
3
5
|
The `@utrecht/web-component-library-stencil` package contains the actual implementation of every web component, while the `@utrecht/web-component-library-vue` only contains wrapper Vue.js 3 components to help validate all the templates, and some supporting code to support Vue.js form bindings. The implementation of each component will be loaded separately and on-demand, so including the entire component library will not slow down your application.
|
|
@@ -5,7 +7,7 @@ The `@utrecht/web-component-library-stencil` package contains the actual impleme
|
|
|
5
7
|
Install both packages to use Vue.js components in your project:
|
|
6
8
|
|
|
7
9
|
```shell
|
|
8
|
-
npm install --save-dev \
|
|
10
|
+
npm install --save-dev --save-exact \
|
|
9
11
|
@utrecht/web-component-library-vue \
|
|
10
12
|
@utrecht/web-component-library-stencil
|
|
11
13
|
```
|
|
@@ -48,7 +50,7 @@ For example, in your `App.vue`:
|
|
|
48
50
|
Since the implementation of the web components needs to be loaded in the browser, include the following effect to import web component library from `@utrecht/web-component-library-stencil`, for example in your `main.js`:
|
|
49
51
|
|
|
50
52
|
```js
|
|
51
|
-
import "@utrecht/design-tokens/dist/
|
|
53
|
+
import "@utrecht/design-tokens/dist/index.css";
|
|
52
54
|
import { defineCustomElements } from "@utrecht/web-component-library-stencil";
|
|
53
55
|
|
|
54
56
|
createApp(App).use(router).mount("#app");
|