crude plaza
Hello 👋
We are running Storybook 6.5.15 for WebComponents and I am unable to get code syntax blocks to highlight code.
You can see from the screenshot its just some un-highlighted code block.
I have also put the file of the MDX in the screenshot here.
Any pointers or advice, would be fantastic.
Thanks
Warren
NOTE: Code sample below is using ''' and not backticks ` as Discord getting confused as what to render as code snippet.
import { Meta } from '@storybook/addon-docs';
<Meta title="Guides/Store" parameters={{ previewTabs: { canvas: { hidden: true } } }} />
# Store
A store is the link between a Resource and a data implementation. A store is mainly taken form as a Context, In other words we will have to Consume the Context(Store) to get the Store.
Generally a Store will be holding one or more RxJS Subjects, each Subject is made available for Subscription via a RxJS Observable.
### A Simple Store:
'''typescript
class MyProductStore {
#products = new ArrayState(<Array<MyProductType>>[], (product) => product.key);
public readonly products = this.#products.asObservable();
protected host: UmbControllerHostInterface;
constructor(host: UmbControllerHostInterface) {
this.host = host;
// The Store provides it self as a Context-API.
new UmbContextProviderController(_host, 'MyStoreContextAlias', this);
}
}
'''
wanton crown
icy hull
