storybook/docs/snippets/vue/component-story-highlight-addon.js.mdx

```js
// Card.stories.js

import { useChannel } from '@storybook/addons';
import { HIGHLIGHT, RESET_HIGHLIGHT } from '@storybook/addon-highlight';
import { Card } form './Card.vue';

export default {
  /* 👇 The title prop is optional.
  * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
  * to learn how to generate automatic titles
  */
  title: 'Card',
  component: Card
};

export const Default: Story = (args) => ({
  template: '<Card />',
});
Default.decorators = [
  (story) => {
    const emit = useChannel({});
    emit(HIGHLIGHT, {
      elements: ['.title', '.subtitle'],
    });
    return {
      components: { story },
      template: '<story />',
    };
  },
];
```