@namelivia/vue-components 2.1.0 → 4.0.0

package/.storybook/main.js

@@ -0,0 +1,17 @@
+
+
+/** @type { import('@storybook/vue3-vite').StorybookConfig } */
+const config = {
+  "stories": [
+    "../src/**/*.mdx",
+    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-essentials",
+  ],
+  "framework": {
+    "name": "@storybook/vue3-vite",
+    "options": {}
+  }
+};
+export default config;

package/.storybook/preview.js

@@ -0,0 +1,14 @@
+/** @type { import('@storybook/vue3').Preview } */
+import '../styles/index.css';
+const preview = {
+  parameters: {
+    controls: {
+      matchers: {
+       color: /(background|color)$/i,
+       date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

package/README.md

@@ -1 +1,15 @@
 # vue-components
+
+## Storybook
+
+To have a quick overview, run the following command to start the Storybook server:
+
+```bash
+pnpm run storybook
+```
+
+Then open your browser and navigate to `http://localhost:6006`.
+
+### Colors
+
+Colors set via CSS variables. The example theme can be found in `styles/index.css`.

package/cypress/support/component.js

@@ -15,6 +15,7 @@
 
 // Import commands.js using ES2015 syntax:
 import './commands'
+import '../../styles/index.css'
 
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
@@ -24,4 +25,4 @@ import { mount } from 'cypress/vue'
 Cypress.Commands.add('mount', mount)
 
 // Example use:
-// cy.mount(MyComponent)
+// cy.mount(MyComponent)