docs: vanilla typescript guide (#9990)

Author: n1ru4l

…public/assets/docs/codegen-profile-1.png …/advanced/profiler/codegen-profile-1.pngwebsite/public/assets/docs/codegen-profile-1.png renamed to website/public/assets/pages/docs/advanced/profiler/codegen-profile-1.png website/public/assets/docs/codegen-profile-1.png renamed to website/public/assets/pages/docs/advanced/profiler/codegen-profile-1.png

@@ -20,11 +20,11 @@ This profile file can be loaded into the Chrome Dev Tools as follows:
 
 3. Load the `codegen-[timestamp].json` file as follows:
 
-![Profiler](/assets/docs/codegen-profile-1.png)
+![Profiler](/assets/pages/docs/advanced/profiler/codegen-profile-1.png)
 
 4. You then have access to the graph view:
 
-![Profiler](/assets/docs/codegen-profile-2.png)
+![Profiler](/assets/pages/docs/advanced/profiler/codegen-profile-2.png)
 
 The graph view shows the time spent on the main tasks of the codegen.
 

…public/assets/docs/codegen-profile-2.png …/advanced/profiler/codegen-profile-2.pngwebsite/public/assets/docs/codegen-profile-2.png renamed to website/public/assets/pages/docs/advanced/profiler/codegen-profile-2.png website/public/assets/docs/codegen-profile-2.png renamed to website/public/assets/pages/docs/advanced/profiler/codegen-profile-2.png

@@ -529,6 +529,7 @@ export const resolvers: UsersModule.Resolvers = {
 
 Start by [installing GraphQL Code Generator](/docs/getting-started/installation) in your project or get started with our guides:
 - [React and Vue](/docs/guides/react-vue)
+- [Vanilla TypeScript](/docs/guides/vanilla-typescript)
 - [Angular](/docs/guides/angular)
 - [Svelte](/docs/guides/svelte)
 - [Apollo and Yoga server](/docs/guides/graphql-server-apollo-yoga)

website/public/assets/docs/graphqlsp.png …ages/docs/guides/react-vue/graphqlsp.pngwebsite/public/assets/docs/graphqlsp.png renamed to website/public/assets/pages/docs/guides/react-vue/graphqlsp.png website/public/assets/docs/graphqlsp.png renamed to website/public/assets/pages/docs/guides/react-vue/graphqlsp.png

@@ -1,5 +1,6 @@
 export default {
   'react-vue': 'React / Vue',
+  'vanilla-typescript': 'Vanilla TypeScript',
   angular: 'Angular',
   svelte: 'Svelte / Kit',
   'flutter-freezed': 'Dart/Flutter',

website/public/assets/pages/docs/guides/vanilla-typescript/graphql-lsp-autocomplete.png

@@ -487,7 +487,7 @@ To get the best GraphQL development experience, we recommend installing the [Gra
 - validation against schema
 - quick-info on hover
 
-![GraphQLSP](/assets/docs/graphqlsp.png)
+![GraphQLSP](/assets/pages/docs/guides/react-vue/graphqlsp.png)
 
 `GraphQLSP`s a TypeScript LSP plugin for GraphQL, to get it working, we need to add the following to your `tsconfig.json`
 after installing the package (`npm i -D @0no-co/graphqlsp`):