From ce9c94b265857c0a7f9414eeedd7e1e7d5057487 Mon Sep 17 00:00:00 2001
From: Dhruv Bhanushali <dhruv_b@live.com>
Date: Wed, 4 May 2022 05:46:47 +0400
Subject: [PATCH 1/2] Fix story name to match component

---
 ...SwitcherPopover.stories.mdx => VSearchTypePopover.stories.mdx} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename src/components/VContentSwitcher/meta/{VContentSwitcherPopover.stories.mdx => VSearchTypePopover.stories.mdx} (100%)

diff --git a/src/components/VContentSwitcher/meta/VContentSwitcherPopover.stories.mdx b/src/components/VContentSwitcher/meta/VSearchTypePopover.stories.mdx
similarity index 100%
rename from src/components/VContentSwitcher/meta/VContentSwitcherPopover.stories.mdx
rename to src/components/VContentSwitcher/meta/VSearchTypePopover.stories.mdx

From d31d5134119bedcce9b613a9547844dbe185b47c Mon Sep 17 00:00:00 2001
From: Dhruv Bhanushali <dhruv_b@live.com>
Date: Wed, 4 May 2022 05:51:37 +0400
Subject: [PATCH 2/2] Change `VContentLink` stories to composition API

---
 .../VContentLink/meta/VContentLink.stories.js    | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/VContentLink/meta/VContentLink.stories.js b/src/components/VContentLink/meta/VContentLink.stories.js
index 01f9d62335..5889d8ce57 100644
--- a/src/components/VContentLink/meta/VContentLink.stories.js
+++ b/src/components/VContentLink/meta/VContentLink.stories.js
@@ -21,10 +21,12 @@ export default {
   },
 }
 
-const VContentLinkStory = (args, { argTypes }) => ({
-  template: `<VContentLink v-bind="$props" />`,
+const VContentLinkStory = (args) => ({
+  template: `<VContentLink v-bind="args" />`,
   components: { VContentLink },
-  props: Object.keys(argTypes),
+  setup() {
+    return { args }
+  },
 })
 
 const TwoVContentLinkStory = () => ({
@@ -62,10 +64,12 @@ Default.args = {
   isSelected: false,
 }
 
-const VContentLinkHorizontalStory = (args, { argTypes }) => ({
-  template: `<div class="max-w-md"><VContentLink v-bind="$props" /></div>`,
+const VContentLinkHorizontalStory = (args) => ({
+  template: `<div class="max-w-md"><VContentLink v-bind="args" /></div>`,
   components: { VContentLink },
-  props: Object.keys(argTypes),
+  setup() {
+    return { args }
+  },
 })
 
 export const Horizontal = VContentLinkHorizontalStory.bind({})