@porsche-design-system/components-vue 2.19.0-rc.0 → 2.19.0-rc.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/CHANGELOG.md +6 -0
- package/README.md +66 -0
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -9,6 +9,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
|
9
9
|
|
|
10
10
|
### [Unreleased]
|
|
11
11
|
|
|
12
|
+
### [2.19.0-rc.1] - 2022-12-22
|
|
13
|
+
|
|
14
|
+
#### Fixed
|
|
15
|
+
|
|
16
|
+
- `Stepper Horizontal` calculation of scroll position when used within any parent that has a margin or padding
|
|
17
|
+
|
|
12
18
|
### [2.19.0-rc.0] - 2022-12-21
|
|
13
19
|
|
|
14
20
|
#### Added
|
package/README.md
ADDED
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
# Porsche Design System - Components Vue
|
|
2
|
+
|
|
3
|
+
Porsche Design System is a component library designed to help developers create the best experience for software or
|
|
4
|
+
services distributed by Dr. Ing. h.c. F. Porsche AG. Visit the [Porsche Design System](https://designsystem.porsche.com)
|
|
5
|
+
to learn more.
|
|
6
|
+
|
|
7
|
+
## Using the Porsche Design System
|
|
8
|
+
|
|
9
|
+
### Installation
|
|
10
|
+
|
|
11
|
+
Run the following command using [npm](https://www.npmjs.com):
|
|
12
|
+
|
|
13
|
+
```bash
|
|
14
|
+
npm install @porsche-design-system/components-vue
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
If you prefer [Yarn](https://yarnpkg.com), use the following command instead:
|
|
18
|
+
|
|
19
|
+
```bash
|
|
20
|
+
yarn add @porsche-design-system/components-vue
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Usage
|
|
24
|
+
|
|
25
|
+
After adding the `@porsche-design-system/components-vue` package to your project, you've to extend your standard
|
|
26
|
+
vue setup by the `PorscheDesignSystemProvider` by adding it to your `App.vue` file.
|
|
27
|
+
|
|
28
|
+
```tsx
|
|
29
|
+
// App.vue
|
|
30
|
+
<script setup lang="ts">
|
|
31
|
+
import { RouterLink, RouterView } from 'vue-router';
|
|
32
|
+
import { PorscheDesignSystemProvider, PLinkPure } from '@porsche-design-system/components-vue';
|
|
33
|
+
</script>
|
|
34
|
+
|
|
35
|
+
<template>
|
|
36
|
+
<PorscheDesignSystemProvider>
|
|
37
|
+
<header>
|
|
38
|
+
<nav>
|
|
39
|
+
<PLinkPure>
|
|
40
|
+
<RouterLink to="/">Home</RouterLink>
|
|
41
|
+
</PLinkPure>
|
|
42
|
+
<PLinkPure>
|
|
43
|
+
<RouterLink to="/somePage">Some Page</RouterLink>
|
|
44
|
+
</PLinkPure>
|
|
45
|
+
</nav>
|
|
46
|
+
</header>
|
|
47
|
+
|
|
48
|
+
<div id="app">
|
|
49
|
+
<RouterView />
|
|
50
|
+
</div>
|
|
51
|
+
</PorscheDesignSystemProvider>
|
|
52
|
+
</template>
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
## Methodology
|
|
57
|
+
|
|
58
|
+
Our goal is to provide easy-to-use and well-documented components so that developers don’t need to worry about the
|
|
59
|
+
implementation but can focus on easily creating qualitative and consistent digital Porsche experiences. We ensure that
|
|
60
|
+
our components are made for everyone and meet latest quality standards of usability, accessibility, performance and
|
|
61
|
+
compatibility. In some points the components are built restrictive to define consistent standards for diverse Porsche
|
|
62
|
+
applications but ensure enough flexibility to meet different context requirements.
|
|
63
|
+
|
|
64
|
+
## License
|
|
65
|
+
|
|
66
|
+
- See **Custom License** within npm package
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@porsche-design-system/components-vue",
|
|
3
|
-
"version": "2.19.0-rc.
|
|
3
|
+
"version": "2.19.0-rc.1",
|
|
4
4
|
"description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"porsche",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"license": "SEE LICENSE IN LICENSE",
|
|
18
18
|
"homepage": "https://designsystem.porsche.com",
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@porsche-design-system/components-js": "2.19.0-rc.
|
|
20
|
+
"@porsche-design-system/components-js": "2.19.0-rc.1"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
23
|
"vue": ">=3.0.0 <4.0.0"
|