Vite example for `monaco-graphql`

[acao]

Let's add a vite example for monaco-graphql? maybe even use vue or svelte instead of react?

https://github.com/vdesjs/vite-plugin-monaco-editor

[acao]

I just noticed they include monaco-graphql in their docs! we should add a vite example and a link to this plugin to the monaco-graphql docs

I've been trying to get a vite + react codesandbox going and I'm having issues
Trying to avoid more dependencies in our examples until we upgrade yarn

I have #2009 to remove all examples from workspaces, and build the deploy previews with a separate yarn install.

Once we do that, and upgrade to yarn 3, we can start moving to esbuild or swc (will probably be most useful as graphiql 2 gets more complex) and vite or similar to replace webpack. But just having some examples is a good start

[hinogi]

On a side note, why not using lerna or nx instead of yarn workspaces?

[hinogi]

pulling my hair trying to figure out how to build the example

[acao]

why would we use lerna if it just uses yarn workspaces under the hood?

@hinogi you need you yarn at the root, and then yarn inside the example, as in the readme. the non-test-dependent examples are not part of workspaces or everything would be slow

[hinogi]

I always run into this when I try to add something to a workspace
error An unexpected error occurred: "expected workspace package to exist for \"ts-jest\"".

[hinogi]

oh well,

      "examples/monaco-graphql-webpack",
      "examples/graphiql-webpack",
      "examples/monaco-graphql-react-vite"

where so I added that anyway i removed it from workspace now it seems to work

[hinogi]

@acao Hope this works for you.