title: VueGapi do nothing when requesting with multiple scopes
body: <p>here's my Vue3 <code>main.js</code></p>
  <pre><code>app.use(VueGapi, {
      apiKey: 'MyApiKey',
      clientId: 'myClientId.apps.googleusercontent.com',
      discoveryDocs: ['https://classroom.googleapis.com/$discovery/rest?version=v1'],
      scope: &quot;https://www.googleapis.com/auth/classroom.profile&quot;,
    })
  app.mount('#app')
  </code></pre>
  <p>but I need to provide many scopes, so I did</p>
  <pre><code>const SCOPES = ['https://www.googleapis.com/auth/classroom.courses.readonly',
  'https://www.googleapis.com/auth/classroom.profile.emails',
        'https://www.googleapis.com/auth/classroom.profile.photos',
        'https://www.googleapis.com/auth/classroom.rosters',
        'https://www.googleapis.com/auth/classroom.rosters.readonly'];
  </code></pre>
  <p>and assign <code>SCOPES</code> to <code>scope</code></p>
  <pre><code>app.use(VueGapi, {
          apiKey: 'MyApiKey',
          clientId: 'myClientId.apps.googleusercontent.com',
          discoveryDocs: ['https://classroom.googleapis.com/$discovery/rest?version=v1'],
          scope: SCOPES,
        })
      app.mount('#app')
  </code></pre>
  <p>From my vue component, calling</p>
  <pre><code>this.$gapi.login().then(({ currentUser, gapi, hasGrantedScopes }) =&gt; {
            console.log({ currentUser, gapi, hasGrantedScopes })
          })
  </code></pre>
  <p>when I press the login button only works when I set <code>scope</code> to singular scope like <code>scope: &quot;https://www.googleapis.com/auth/classroom.profile&quot;</code>, but nothing happens (no error, no nothing) when I assigned <code>SCOPES</code> to <code>scope</code>. Where did I do wrong?</p>