From 66f81422119a1fe84c41a35477f8abcc6b135832 Mon Sep 17 00:00:00 2001
From: Daniel Coles <me@danielcoles.co.uk>
Date: Fri, 21 Jul 2023 23:46:29 +0100
Subject: [PATCH] docs: resolve typos in imports on highlight addon docs

---
 code/addons/highlight/README.md                            | 2 +-
 docs/snippets/react/component-story-highlight-addon.js.mdx | 2 +-
 docs/snippets/vue/component-story-highlight-addon.js.mdx   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/code/addons/highlight/README.md b/code/addons/highlight/README.md
index f6bf3fa293e3..4713f3aae058 100644
--- a/code/addons/highlight/README.md
+++ b/code/addons/highlight/README.md
@@ -30,7 +30,7 @@ Highlight DOM nodes by emitting the `HIGHLIGHT` event from within a story or an
 import React, { useEffect } from 'react';
 import { useChannel } from '@storybook/preview-api';
 import { HIGHLIGHT, RESET_HIGHLIGHT } from '@storybook/addon-highlight';
-import { MyComponent } form './MyComponent';
+import { MyComponent } from './MyComponent';
 
 export default { component: MyComponent };
 
diff --git a/docs/snippets/react/component-story-highlight-addon.js.mdx b/docs/snippets/react/component-story-highlight-addon.js.mdx
index db3e9abfe4ce..b558cb4e3324 100644
--- a/docs/snippets/react/component-story-highlight-addon.js.mdx
+++ b/docs/snippets/react/component-story-highlight-addon.js.mdx
@@ -4,7 +4,7 @@
 import React, { useEffect } from 'react';
 import { useChannel } from '@storybook/preview-api';
 import { HIGHLIGHT, RESET_HIGHLIGHT } from '@storybook/addon-highlight';
-import { Card } form './Card';
+import { Card } from './Card';
 
 export default {
   /* 👇 The title prop is optional.
diff --git a/docs/snippets/vue/component-story-highlight-addon.js.mdx b/docs/snippets/vue/component-story-highlight-addon.js.mdx
index 9acba2faa662..5f1b88376f60 100644
--- a/docs/snippets/vue/component-story-highlight-addon.js.mdx
+++ b/docs/snippets/vue/component-story-highlight-addon.js.mdx
@@ -3,7 +3,7 @@
 
 import { useChannel } from '@storybook/preview-api';
 import { HIGHLIGHT, RESET_HIGHLIGHT } from '@storybook/addon-highlight';
-import { Card } form './Card.vue';
+import { Card } from './Card.vue';
 
 export default {
   /* 👇 The title prop is optional.