feat: add apollo requests

Author: NataliaTepluhina

graphql.d.ts

@@ -0,0 +1,6 @@
+declare module '*.gql' {
+  import { DocumentNode } from 'graphql'
+  const Schema: DocumentNode
+
+  export = Schema
+}

package-lock.json

@@ -13,8 +13,10 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
   "dependencies": {
+    "@apollo/client": "^3.6.9",
     "@vue/apollo-composable": "^4.0.0-alpha.18",
     "@vueuse/core": "^8.9.2",
+    "graphql": "^16.5.0",
     "graphql-tag": "^2.12.6",
     "lodash-es": "^4.17.21",
     "pinia": "^2.0.16",
@@ -38,6 +40,7 @@
     "@progress/kendo-vue-layout": "^3.4.0",
     "@progress/kendo-vue-notification": "^3.4.0",
     "@progress/kendo-vue-popup": "^3.4.0",
+    "@rollup/plugin-graphql": "^1.1.0",
     "@rushstack/eslint-patch": "^1.1.0",
     "@types/jsdom": "^16.2.14",
     "@types/lodash-es": "^4.17.6",

package.json

@@ -0,0 +1,7 @@
+fragment Board on Board {
+  id
+  title
+  image {
+    downloadUrl
+  }
+}

src/graphql/fragments/board.fragment.gql

@@ -0,0 +1,7 @@
+#import "../fragments/board.fragment.gql"
+
+mutation createBoard($data: BoardCreateInput!) {
+  boardCreate(data: $data) {
+    ...Board
+  }
+}

src/graphql/mutations/createBoard.mutation.gql

@@ -0,0 +1,9 @@
+#import "../fragments/board.fragment.gql"
+
+query BoardsList {
+  boardsList {
+    items {
+      ...Board
+    }
+  }
+}