srcdev-nuxt-components 0.0.34 → 0.1.0
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/nuxt.config.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "srcdev-nuxt-components",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.0
|
|
4
|
+
"version": "0.1.0",
|
|
5
5
|
"main": "nuxt.config.ts",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"clean": "rm -rf .nuxt && rm -rf .output && rm -rf .playground/.nuxt && rm -rf .playground/.output",
|
|
@@ -15,7 +15,6 @@
|
|
|
15
15
|
"lint": "eslint .",
|
|
16
16
|
"postinstall": "nuxt prepare .playground",
|
|
17
17
|
"release": "release-it",
|
|
18
|
-
"storybook": "storybook dev --port 6006 --config-dir .storybook",
|
|
19
18
|
"test": "vitest"
|
|
20
19
|
},
|
|
21
20
|
"files": [
|
|
@@ -37,14 +36,8 @@
|
|
|
37
36
|
"vue": "3.5.13"
|
|
38
37
|
},
|
|
39
38
|
"dependencies": {
|
|
40
|
-
"@nuxtjs/storybook": "8.3.1",
|
|
41
|
-
"@storybook/addon-essentials": "8.4.7",
|
|
42
|
-
"@storybook/addon-interactions": "8.4.7",
|
|
43
|
-
"@storybook/addon-links": "8.4.7",
|
|
44
|
-
"@storybook/vue3": "8.4.7",
|
|
45
39
|
"@vueuse/core": "12.0.0",
|
|
46
40
|
"focus-trap-vue": "4.0.3",
|
|
47
|
-
"http-proxy-middleware": "3.0.3",
|
|
48
41
|
"modern-normalize": "3.0.1"
|
|
49
42
|
},
|
|
50
43
|
"release-it": {
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryFn } from '@nuxtjs/storybook';
|
|
2
|
-
|
|
3
|
-
import LayoutRow from '../LayoutRow.vue';
|
|
4
|
-
|
|
5
|
-
export default {
|
|
6
|
-
title: 'Components/UI/LayoutRow',
|
|
7
|
-
component: LayoutRow,
|
|
8
|
-
argTypes: {
|
|
9
|
-
tag: {
|
|
10
|
-
options: ['div', 'header', 'footer', 'section'],
|
|
11
|
-
control: { type: 'select' },
|
|
12
|
-
},
|
|
13
|
-
variant: {
|
|
14
|
-
options: [
|
|
15
|
-
'full',
|
|
16
|
-
'full-start',
|
|
17
|
-
'full-end',
|
|
18
|
-
'popout',
|
|
19
|
-
'popout-start',
|
|
20
|
-
'popout-end',
|
|
21
|
-
'content',
|
|
22
|
-
'content-start',
|
|
23
|
-
'content-end',
|
|
24
|
-
'inset-content',
|
|
25
|
-
'inset-content-start',
|
|
26
|
-
'inset-content-end',
|
|
27
|
-
'full-width',
|
|
28
|
-
'full-content',
|
|
29
|
-
'full-content-nopad',
|
|
30
|
-
'full-content',
|
|
31
|
-
],
|
|
32
|
-
control: { type: 'select' },
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
} as Meta<typeof LayoutRow>;
|
|
36
|
-
|
|
37
|
-
const Template: StoryFn<typeof LayoutRow> = (args: any) => ({
|
|
38
|
-
components: { LayoutRow },
|
|
39
|
-
setup() {
|
|
40
|
-
return { args };
|
|
41
|
-
},
|
|
42
|
-
template: `
|
|
43
|
-
<LayoutRow v-bind="args">
|
|
44
|
-
<template #default>${args.content}</template>
|
|
45
|
-
</LayoutRow>
|
|
46
|
-
`,
|
|
47
|
-
// template: '<LayoutRow v-bind="args" />',
|
|
48
|
-
});
|
|
49
|
-
|
|
50
|
-
export const Primary = Template.bind({});
|
|
51
|
-
Primary.args = {
|
|
52
|
-
tag: 'div',
|
|
53
|
-
variant: 'full',
|
|
54
|
-
styleClassPassthrough: ['mbe-20'],
|
|
55
|
-
content: `
|
|
56
|
-
<h2 class="heading-2">Full Track (1fr)</h2>
|
|
57
|
-
<p>
|
|
58
|
-
Lorem ipsum odor amet, consectetuer adipiscing elit. Nec elementum maecenas placerat laoreet curae elit convallis himenaeos. Tellus varius cursus convallis commodo suspendisse litora.
|
|
59
|
-
Platea accumsan interdum ultrices adipiscing molestie cras dui. Vehicula egestas nisi sagittis fames metus velit. Sodales blandit nisi eu dis sit, ridiculus aliquam. Morbi tellus eu in
|
|
60
|
-
penatibus torquent tortor. Platea gravida nam; egestas enim nostra ultricies.
|
|
61
|
-
</p>
|
|
62
|
-
<p>
|
|
63
|
-
Mi nibh quisque taciti porta curabitur nostra volutpat. Habitant sodales arcu habitasse mi duis conubia leo lacinia. Montes torquent sodales adipiscing; proin semper feugiat morbi
|
|
64
|
-
ullamcorper praesent. Arcu luctus tempor quam ligula vestibulum sapien faucibus ridiculus. Cursus consequat ultricies consectetur class suscipit quisque convallis eget? Dignissim mattis
|
|
65
|
-
luctus enim habitant porta pretium litora. Parturient montes imperdiet massa; sollicitudin varius hac aptent. Eleifend parturient mattis tellus nisi a montes.
|
|
66
|
-
</p>
|
|
67
|
-
`,
|
|
68
|
-
};
|