LazyFatArrow

<template>
  <b-container class="my-5">
    <b-row>
      <b-col>
        <CreatePollModal
          @createPoll="handleCreatePoll"
        />
      </b-col>
    </b-row>
    <b-row class="mt-3" v-if="polls && polls.length">

LazyFatArrow

<template>
  <div>
    <b-button @click="isModalVisible = true">Create Poll</b-button>

    <b-modal
      v-model="isModalVisible"
      @ok="$emit('createPoll', pollForm)"
      title="Create a new poll"
      centered
    >

LazyFatArrow

<template>
<-- ...html -->
</template>

<script>
import { POLLS } from '@/gql/queries/poll.queries'
import { VOTE_ON_POLL } from '@/gql/mutations/poll.mutations'
import { OPTION_VOTED } from '@/gql/subscriptions/poll.subscriptions'

import SinglePoll from '@/components/SinglePoll.vue'

LazyFatArrow

import gql from 'graphql-tag'

export const OPTION_VOTED = gql`
  subscription OptionVoted {
    optionVoted {
      id
      votes
    }
  }
`

LazyFatArrow

<template>
  <b-card :title="poll.title" :sub-title="poll.description">
    <b-form-group>
      <b-form-radio-group
        @change="$emit('optionVote', $event)"
        :id="`poll-options-${poll.id}`"
        stacked
      >
        <!-- ...html -->
</template>

LazyFatArrow

<template>
<!-- ... html -->
          <SinglePoll
            v-for="poll in polls"
            @optionVote="handleOptionVote"
            :key="`poll-${poll.id}`"
            :poll="poll"
          />
<!-- ... more html -->
</template>

LazyFatArrow

<template>
  <b-container v-if="polls && polls.length" class="my-5">
    <b-row>
      <b-col>
        <b-btn>Create Poll</b-btn>
      </b-col>
    </b-row>
    <b-row class="mt-3">
      <b-col>
        <b-card-group columns>

LazyFatArrow

<template>
  <b-card :title="poll.title" :sub-title="poll.description">
    <b-form-group>
      <b-form-radio-group
        :id="`poll-options-${poll.id}`"
        stacked
      >
        <b-form-radio
          v-for="option in poll.options"
          :key="`option-${option.id}`"

LazyFatArrow

import gql from 'graphql-tag'

export const VOTE_ON_POLL = gql`
  mutation VoteOnPoll($optionId: ID!) {
    voteOnPoll(optionId: $optionId) {
      id
    }
  }
`;

LazyFatArrow

<template>
  <b-container v-if="polls && polls.length" class="my-5">
    <b-row>
      <b-col>
        <b-btn>Create Poll</b-btn>
      </b-col>
    </b-row>
    <b-row class="mt-3">
      <b-col>
        <b-card-group columns>