@muenchen/muc-patternlab-vue 1.0.1-beta.4 → 1.0.1-beta.6

package/README.md

@@ -54,7 +54,7 @@ import { MucBanner } from "@muenchen/muc-patternlab-vue";
 git clone https://github.com/it-at-m/muc-patternlab-vue.git
 cd muc-patternlab-vue
 npm install
-npm run dev
+npm run docs:dev
 ```
 
 ## Documentation

package/package.json

@@ -3,11 +3,10 @@
   "author": "FabianWilms",
   "description": "A vue component library of some of the components available from https://patternlab.muenchen.space",
   "license": "MIT",
-  "version": "1.0.1-beta.4",
+  "version": "1.0.1-beta.6",
   "private": false,
-  "type": "module",
-  "module": "./dist/my-lib.es.js",
-  "types": "./dist/index.d.ts",
+  "module": "./dist/muc-patternlab-vue.es.js",
+  "types": "./dist/types/index.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/it-at-m/muc-patternlab-vue"
@@ -19,17 +18,21 @@
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
-      "import": "./dist/mde5-patternlab-vue.es.js"
-    }
+      "import": "./dist/muc-patternlab-vue.es.js"
+    },
+    "./dist/assets/temporary/muc-icons.svg": "./dist/assets/temporary/muc-icons.svg",
+    "./dist/assets/temporary/muenchende-fontface.css": "./dist/assets/temporary/muenchende-fontface.css",
+    "./dist/assets/temporary/muenchende-style.css": "./dist/assets/temporary/muenchende-style.css"
   },
   "files": [
     "src",
     "dist"
   ],
   "scripts": {
-    "dev": "vite",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:serve": "vitepress serve docs",
     "build": "rimraf dist && npm run type-check && npm run build-only",
-    "preview": "vite preview",
     "test:unit": "vitest",
     "build-only": "vite build",
     "type-check": "vue-tsc --build --force",
@@ -61,6 +64,7 @@
     "semantic-release": "^23.0.0",
     "typescript": "~5.3.0",
     "vite": "^5.0.11",
+    "vitepress": "^0.22.4",
     "vite-plugin-dts": "^3.0.0",
     "vitest": "^1.2.2",
     "vue-tsc": "^1.8.27"

package/dist/main.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/App.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;

package/dist/types/main.d.ts

@@ -1 +0,0 @@
-export {};

package/src/App.vue

@@ -1,69 +0,0 @@
-<script setup lang="ts">
-import sprites from "../public/assets/temporary/muc-icons.svg?raw";
-
-import MucButton from './components/Button/MucButton.vue';
-import MucBanner from './components/Banner/MucBanner.vue';
-import MucIntro from "./components/Intro/MucIntro.vue";
-</script>
-
-<template>
-  <div>
-    <svg
-        style="display: none;"
-        v-html="sprites">
-    </svg>
-
-    <table>
-      <tr>
-        <th>MucButton</th>
-        <td><muc-button>Test Me!</muc-button></td>
-      </tr>
-      <tr>
-        <th>MucBanner info</th>
-        <td>
-          <muc-banner type="info">
-            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt <a href="#">Mehr erfahren</a>
-          </muc-banner>
-        </td>
-      </tr>
-      <tr>
-        <th>MucBanner warning</th>
-        <td>
-          <muc-banner type="warning">
-            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt <a href="#">Mehr erfahren</a>
-          </muc-banner>
-        </td>
-      </tr>
-      <tr>
-        <th>MucBanner emergency</th>
-        <td>
-          <muc-banner type="emergency">
-            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt <a href="#">Mehr erfahren</a>
-          </muc-banner>
-        </td>
-      </tr>
-      <tr>
-        <th>MucIntro</th>
-        <td>
-          <muc-intro title="Testtitel">
-            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt <a href="#">Mehr erfahren</a>
-          </muc-intro>
-        </td>
-      </tr>
-    </table>
-  </div>
-</template>
-
-<style>
-@import "../public/assets/temporary/muenchende-style.css";
-
-table {
-  width: 100%;
-  height: 100%;
-  border: 1px solid lightgray;
-}
-
-th, td {
-  padding: 8px;
-}
-</style>

package/src/main.ts

@@ -1,4 +0,0 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-
-createApp(App).mount('#app')