@porsche-design-system/components-vue 2.19.0-rc.0 → 2.19.0-rc.2

package/CHANGELOG.md

@@ -9,6 +9,14 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### [Unreleased]
 
+### [2.19.0-rc.2] - 2022-12-22
+
+### [2.19.0-rc.1] - 2022-12-22
+
+#### Fixed
+
+- `Stepper Horizontal` calculation of scroll position when used within any parent that has a margin or padding
+
 ### [2.19.0-rc.0] - 2022-12-21
 
 #### Added

package/README.md

@@ -0,0 +1,66 @@
+# Porsche Design System - Components Vue
+
+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. Visit the [Porsche Design System](https://designsystem.porsche.com)
+to learn more.
+
+## Using the Porsche Design System
+
+### Installation
+
+Run the following command using [npm](https://www.npmjs.com):
+
+```bash
+npm install @porsche-design-system/components-vue
+```
+
+If you prefer [Yarn](https://yarnpkg.com), use the following command instead:
+
+```bash
+yarn add @porsche-design-system/components-vue
+```
+
+### Usage
+
+After adding the `@porsche-design-system/components-vue` package to your project, you've to extend your standard
+vue setup by the `PorscheDesignSystemProvider` by adding it to your `App.vue` file.
+
+```tsx
+// App.vue
+<script setup lang="ts">
+  import { RouterLink, RouterView } from 'vue-router';
+  import { PorscheDesignSystemProvider, PLinkPure } from '@porsche-design-system/components-vue';
+</script>
+
+<template>
+  <PorscheDesignSystemProvider>
+    <header>
+      <nav>
+        <PLinkPure>
+          <RouterLink to="/">Home</RouterLink>
+        </PLinkPure>
+        <PLinkPure>
+          <RouterLink to="/somePage">Some Page</RouterLink>
+        </PLinkPure>
+      </nav>
+    </header>
+
+    <div id="app">
+      <RouterView />
+    </div>
+  </PorscheDesignSystemProvider>
+</template>
+```
+
+
+## Methodology
+
+Our goal is to provide easy-to-use and well-documented components so that developers don’t need to worry about the
+implementation but can focus on easily creating qualitative and consistent digital Porsche experiences. We ensure that
+our components are made for everyone and meet latest quality standards of usability, accessibility, performance and
+compatibility. In some points the components are built restrictive to define consistent standards for diverse Porsche
+applications but ensure enough flexibility to meet different context requirements.
+
+## License
+
+- See **Custom License** within npm package

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-vue",
-  "version": "2.19.0-rc.0",
+  "version": "2.19.0-rc.2",
   "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.",
   "keywords": [
     "porsche",
@@ -17,7 +17,7 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "2.19.0-rc.0"
+    "@porsche-design-system/components-js": "2.19.0-rc.2"
   },
   "peerDependencies": {
     "vue": ">=3.0.0 <4.0.0"