({
+ setup: () => ({ args }),
props: Object.keys(argTypes),
components: {
N8nResizeWrapper,
diff --git a/packages/design-system/src/components/N8nRoute/Route.vue b/packages/design-system/src/components/N8nRoute/Route.vue
index b5c6d346a5..5cb8c7726c 100644
--- a/packages/design-system/src/components/N8nRoute/Route.vue
+++ b/packages/design-system/src/components/N8nRoute/Route.vue
@@ -1,9 +1,9 @@
-
+
-
+
diff --git a/packages/design-system/src/components/N8nSelect/Select.stories.ts b/packages/design-system/src/components/N8nSelect/Select.stories.ts
index ad0cc1e859..d12354f10d 100644
--- a/packages/design-system/src/components/N8nSelect/Select.stories.ts
+++ b/packages/design-system/src/components/N8nSelect/Select.stories.ts
@@ -1,4 +1,4 @@
-import type { StoryFn } from '@storybook/vue';
+import type { StoryFn } from '@storybook/vue3';
import N8nSelect from './Select.vue';
import N8nOption from '../N8nOption';
import N8nIcon from '../N8nIcon';
@@ -16,8 +16,8 @@ export default {
size: {
control: {
type: 'select',
- options: ['large', 'medium', 'small', 'mini'],
},
+ options: ['large', 'medium', 'small', 'mini'],
},
loading: {
control: {
@@ -46,6 +46,7 @@ const methods = {
};
const Template: StoryFn = (args, { argTypes }) => ({
+ setup: () => ({ args }),
props: Object.keys(argTypes),
components: {
N8nSelect,
@@ -53,7 +54,7 @@ const Template: StoryFn = (args, { argTypes }) => ({
N8nIcon,
},
template:
- 'op1op2',
+ 'op1op2',
data() {
return {
val: '',
@@ -73,7 +74,7 @@ Filterable.args = {
const selects = ['large', 'medium', 'small', 'mini']
.map(
(size) =>
- `op1op2`,
+ `op1op2`,
)
.join('');
@@ -103,7 +104,7 @@ Sizes.args = {
const selectsWithIcon = ['xlarge', 'large', 'medium', 'small', 'mini']
.map(
(size) =>
- `op1op2`,
+ `op1op2`,
)
.join('');
@@ -138,7 +139,7 @@ const LimitedWidthTemplate: StoryFn = (args, { argTypes }) => ({
N8nIcon,
},
template:
- '
',
+ '
',
data() {
return {
val: '',
diff --git a/packages/design-system/src/components/N8nSelect/Select.vue b/packages/design-system/src/components/N8nSelect/Select.vue
index 7ea6eeb799..66307f8068 100644
--- a/packages/design-system/src/components/N8nSelect/Select.vue
+++ b/packages/design-system/src/components/N8nSelect/Select.vue
@@ -10,12 +10,11 @@