[Bug]: Dependencies mismatch (for example graphql or vue vs vue-template-compiler)

[Fakrae]

Describe the Bug

Hello,
This is actually multiple things. The first is "simply cloning and building" won't work because graphql from rollup-plugin and from @realtainment/sylius-api don't match. If I go on to fix this and some subsequent errors by bumping versions (replace "rollup-plugin-graphql" with "@rollup/plugin-graphql" for example) I will ultimately get stopped by the second problem (which I'm unable to resolve):

[email protected]
[email protected]

are imported and do not like working together.

To me it looks like the problem for [email protected] lies in the import of nuxtjs/composition-api and vue/composition-api, because those are not available for 2.7+ because the functionality is included in main.

Current behavior

The first thing after yarn/npm install is an error about mismatching versions

Expected behavior

Cloning and building should build without errors

Steps to reproduce

Clone repository, npm install

What version of Vue Storefront are you using?

2.7.1

What version of Node.js are you using?

16.16

What browser (and version) are you using?

irrelevant

What operating system (and version) are you using?

Debian

Relevant log output

# npm resolution error report

2022-07-18T05:30:26.199Z

While resolving: @realtainment/[email protected]
Found: [email protected]
node_modules/graphql
  graphql@"^15.5.0" from @realtainment/[email protected]
  packages/sylius/api-client
    @realtainment/[email protected]
    node_modules/@realtainment/sylius-api
      workspace packages/sylius/api-client from the root project
      @realtainment/sylius-api@"^1.1.2" from @realtainment/[email protected]
      packages/sylius/composables
        @realtainment/[email protected]
        node_modules/@realtainment/sylius
          workspace packages/sylius/composables from the root project
          @realtainment/sylius@"^1.1.2" from @realtainment/[email protected]
          packages/sylius/theme
            @realtainment/[email protected]
            node_modules/@realtainment/sylius-theme
              workspace packages/sylius/theme from the root project

Could not resolve dependency:
peer graphql@"^0.9.0 || ^0.10.0" from [email protected]
node_modules/rollup-plugin-graphql
  rollup-plugin-graphql@"^0.1.0" from @realtainment/[email protected]
  packages/sylius/api-client
    @realtainment/[email protected]
    node_modules/@realtainment/sylius-api
      workspace packages/sylius/api-client from the root project
      @realtainment/sylius-api@"^1.1.2" from @realtainment/[email protected]
      packages/sylius/composables
        @realtainment/[email protected]
        node_modules/@realtainment/sylius
          workspace packages/sylius/composables from the root project
          @realtainment/sylius@"^1.1.2" from @realtainment/[email protected]
          packages/sylius/theme
            @realtainment/[email protected]
            node_modules/@realtainment/sylius-theme
              workspace packages/sylius/theme from the root project

Fix the upstream dependency conflict, or retry
this command with --force, or --legacy-peer-deps
to accept an incorrect (and potentially broken) dependency resolution.

Raw JSON explanation object:

{
  "code": "ERESOLVE",
  "current": {
    "name": "graphql",
    "version": "15.7.2",
    "whileInstalling": {
      "name": "@realtainment/sylius-api",
      "version": "1.1.2",
      "path": "/home/fkraemer/WebstormProjects/sylius/packages/sylius/api-client"
    },
    "location": "node_modules/graphql",
    "isWorkspace": false,
    "dependents": [
      {
        "type": "prod",
        "name": "graphql",
        "spec": "^15.5.0",
        "from": {
          "name": "@realtainment/sylius-api",
          "version": "1.1.2",
          "location": "packages/sylius/api-client",
          "isWorkspace": true,
          "dependents": [],
          "linksIn": [
            {
              "name": "@realtainment/sylius-api",
              "version": "1.1.2",
              "location": "node_modules/@realtainment/sylius-api",
              "isWorkspace": true,
              "dependents": [
                {
                  "type": "workspace",
                  "name": "@realtainment/sylius-api",
                  "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/api-client",
                  "from": {
                    "location": "/home/fkraemer/WebstormProjects/sylius"
                  }
                },
                {
                  "type": "prod",
                  "name": "@realtainment/sylius-api",
                  "spec": "^1.1.2",
                  "from": {
                    "name": "@realtainment/sylius",
                    "version": "1.1.2",
                    "location": "packages/sylius/composables",
                    "isWorkspace": true,
                    "dependents": [],
                    "linksIn": [
                      {
                        "name": "@realtainment/sylius",
                        "version": "1.1.2",
                        "location": "node_modules/@realtainment/sylius",
                        "isWorkspace": true,
                        "dependents": [
                          {
                            "type": "workspace",
                            "name": "@realtainment/sylius",
                            "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/composables",
                            "from": {
                              "location": "/home/fkraemer/WebstormProjects/sylius"
                            }
                          },
                          {
                            "type": "prod",
                            "name": "@realtainment/sylius",
                            "spec": "^1.1.2",
                            "from": {
                              "name": "@realtainment/sylius-theme",
                              "version": "1.0.2",
                              "location": "packages/sylius/theme",
                              "isWorkspace": true,
                              "dependents": [],
                              "linksIn": [
                                {
                                  "name": "@realtainment/sylius-theme",
                                  "version": "1.0.2",
                                  "location": "node_modules/@realtainment/sylius-theme",
                                  "isWorkspace": true,
                                  "dependents": [
                                    {
                                      "type": "workspace",
                                      "name": "@realtainment/sylius-theme",
                                      "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/theme",
                                      "from": {
                                        "location": "/home/fkraemer/WebstormProjects/sylius"
                                      }
                                    }
                                  ]
                                }
                              ]
                            }
                          }
                        ]
                      }
                    ]
                  }
                }
              ]
            }
          ]
        }
      }
    ]
  },
  "currentEdge": {
    "type": "prod",
    "name": "graphql",
    "spec": "^15.5.0",
    "from": {
      "name": "@realtainment/sylius-api",
      "version": "1.1.2",
      "location": "packages/sylius/api-client",
      "isWorkspace": true,
      "dependents": [],
      "linksIn": [
        {
          "name": "@realtainment/sylius-api",
          "version": "1.1.2",
          "location": "node_modules/@realtainment/sylius-api",
          "isWorkspace": true,
          "dependents": [
            {
              "type": "workspace",
              "name": "@realtainment/sylius-api",
              "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/api-client",
              "from": {
                "location": "/home/fkraemer/WebstormProjects/sylius"
              }
            },
            {
              "type": "prod",
              "name": "@realtainment/sylius-api",
              "spec": "^1.1.2",
              "from": {
                "name": "@realtainment/sylius",
                "version": "1.1.2",
                "location": "packages/sylius/composables",
                "isWorkspace": true,
                "dependents": [],
                "linksIn": [
                  {
                    "name": "@realtainment/sylius",
                    "version": "1.1.2",
                    "location": "node_modules/@realtainment/sylius",
                    "isWorkspace": true,
                    "dependents": [
                      {
                        "type": "workspace",
                        "name": "@realtainment/sylius",
                        "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/composables",
                        "from": {
                          "location": "/home/fkraemer/WebstormProjects/sylius"
                        }
                      },
                      {
                        "type": "prod",
                        "name": "@realtainment/sylius",
                        "spec": "^1.1.2",
                        "from": {
                          "name": "@realtainment/sylius-theme",
                          "version": "1.0.2",
                          "location": "packages/sylius/theme",
                          "isWorkspace": true,
                          "dependents": [],
                          "linksIn": [
                            {
                              "name": "@realtainment/sylius-theme",
                              "version": "1.0.2",
                              "location": "node_modules/@realtainment/sylius-theme",
                              "isWorkspace": true,
                              "dependents": [
                                {
                                  "type": "workspace",
                                  "name": "@realtainment/sylius-theme",
                                  "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/theme",
                                  "from": {
                                    "location": "/home/fkraemer/WebstormProjects/sylius"
                                  }
                                }
                              ]
                            }
                          ]
                        }
                      }
                    ]
                  }
                ]
              }
            }
          ]
        }
      ]
    }
  },
  "edge": {
    "type": "peer",
    "name": "graphql",
    "spec": "^0.9.0 || ^0.10.0",
    "error": "INVALID",
    "from": {
      "name": "rollup-plugin-graphql",
      "version": "0.1.0",
      "whileInstalling": {
        "name": "@realtainment/sylius-api",
        "version": "1.1.2",
        "path": "/home/fkraemer/WebstormProjects/sylius/packages/sylius/api-client"
      },
      "location": "node_modules/rollup-plugin-graphql",
      "isWorkspace": false,
      "dependents": [
        {
          "type": "prod",
          "name": "rollup-plugin-graphql",
          "spec": "^0.1.0",
          "from": {
            "name": "@realtainment/sylius-api",
            "version": "1.1.2",
            "location": "packages/sylius/api-client",
            "isWorkspace": true,
            "dependents": [],
            "linksIn": [
              {
                "name": "@realtainment/sylius-api",
                "version": "1.1.2",
                "location": "node_modules/@realtainment/sylius-api",
                "isWorkspace": true,
                "dependents": [
                  {
                    "type": "workspace",
                    "name": "@realtainment/sylius-api",
                    "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/api-client",
                    "from": {
                      "location": "/home/fkraemer/WebstormProjects/sylius"
                    }
                  },
                  {
                    "type": "prod",
                    "name": "@realtainment/sylius-api",
                    "spec": "^1.1.2",
                    "from": {
                      "name": "@realtainment/sylius",
                      "version": "1.1.2",
                      "location": "packages/sylius/composables",
                      "isWorkspace": true,
                      "dependents": [],
                      "linksIn": [
                        {
                          "name": "@realtainment/sylius",
                          "version": "1.1.2",
                          "location": "node_modules/@realtainment/sylius",
                          "isWorkspace": true,
                          "dependents": [
                            {
                              "type": "workspace",
                              "name": "@realtainment/sylius",
                              "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/composables",
                              "from": {
                                "location": "/home/fkraemer/WebstormProjects/sylius"
                              }
                            },
                            {
                              "type": "prod",
                              "name": "@realtainment/sylius",
                              "spec": "^1.1.2",
                              "from": {
                                "name": "@realtainment/sylius-theme",
                                "version": "1.0.2",
                                "location": "packages/sylius/theme",
                                "isWorkspace": true,
                                "dependents": [],
                                "linksIn": [
                                  {
                                    "name": "@realtainment/sylius-theme",
                                    "version": "1.0.2",
                                    "location": "node_modules/@realtainment/sylius-theme",
                                    "isWorkspace": true,
                                    "dependents": [
                                      {
                                        "type": "workspace",
                                        "name": "@realtainment/sylius-theme",
                                        "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/theme",
                                        "from": {
                                          "location": "/home/fkraemer/WebstormProjects/sylius"
                                        }
                                      }
                                    ]
                                  }
                                ]
                              }
                            }
                          ]
                        }
                      ]
                    }
                  }
                ]
              }
            ]
          }
        }
      ]
    }
  },
  "strictPeerDeps": false,
  "force": false
}

Able to fix / change the documentation?

• Yes
• No

Code of Conduct

• I agree to follow this project's Code of Conduct