diff --git a/vue-app/package.json b/vue-app/package.json
index cbbb9b36a..626c24236 100644
--- a/vue-app/package.json
+++ b/vue-app/package.json
@@ -16,6 +16,7 @@
     "maci-domainobjs": "^0.1.8",
     "vue": "^2.6.11",
     "vue-class-component": "^7.2.2",
+    "vue-js-modal": "^2.0.0-rc.6",
     "vue-property-decorator": "^8.3.0",
     "vue-router": "^3.1.5",
     "vuex": "^3.1.2"
diff --git a/vue-app/public/favicon.ico b/vue-app/public/favicon.ico
index df36fcfb7..74c783347 100644
Binary files a/vue-app/public/favicon.ico and b/vue-app/public/favicon.ico differ
diff --git a/vue-app/src/App.vue b/vue-app/src/App.vue
index 00c403761..01fc74d56 100644
--- a/vue-app/src/App.vue
+++ b/vue-app/src/App.vue
@@ -59,6 +59,12 @@ html {
     background-color: $highlight-color;
     color: $bg-secondary-color;
   }
+
+  &[disabled],
+  &[disabled]:hover {
+    background-color: $button-disabled-color !important;
+    color: $text-color !important;
+  }
 }
 
 #app {
diff --git a/vue-app/src/api/projects.ts b/vue-app/src/api/projects.ts
index e0c6da036..c3a6c783b 100644
--- a/vue-app/src/api/projects.ts
+++ b/vue-app/src/api/projects.ts
@@ -22,7 +22,7 @@ export async function getProjects(): Promise<Project[]> {
       name: metadata.name,
       description: metadata.description,
       imageUrl: `${ipfsGatewayUrl}${metadata.imageHash}`,
-      index: event.args._index,
+      index: event.args._index.toNumber(),
     })
   })
   return projects
diff --git a/vue-app/src/api/round.ts b/vue-app/src/api/round.ts
index 204763351..0df5666ea 100644
--- a/vue-app/src/api/round.ts
+++ b/vue-app/src/api/round.ts
@@ -1,5 +1,7 @@
 import { ethers, BigNumber, FixedNumber } from 'ethers'
 import { DateTime } from 'luxon'
+import { bigInt } from 'maci-crypto'
+import { PubKey } from 'maci-domainobjs'
 
 import { FundingRound, ERC20 } from './abi'
 import { provider, factory } from './core'
@@ -7,6 +9,7 @@ import { provider, factory } from './core'
 export interface RoundInfo {
   fundingRoundAddress: string;
   maciAddress: string;
+  coordinatorPubKey: PubKey;
   nativeTokenAddress: string;
   nativeTokenSymbol: string;
   nativeTokenDecimals: number;
@@ -37,6 +40,11 @@ export async function getRoundInfo(): Promise<RoundInfo | null> {
     provider,
   )
   const maciAddress = await fundingRound.maci()
+  const coordinatorPubKeyRaw = await fundingRound.coordinatorPubKey()
+  const coordinatorPubKey = new PubKey([
+    bigInt(coordinatorPubKeyRaw.x),
+    bigInt(coordinatorPubKeyRaw.y),
+  ])
   const nativeTokenAddress = await fundingRound.nativeToken()
   const nativeToken = new ethers.Contract(
     nativeTokenAddress,
@@ -88,6 +96,7 @@ export async function getRoundInfo(): Promise<RoundInfo | null> {
   return {
     fundingRoundAddress,
     maciAddress,
+    coordinatorPubKey,
     nativeTokenAddress,
     nativeTokenSymbol,
     nativeTokenDecimals,
diff --git a/vue-app/src/components/Cart.vue b/vue-app/src/components/Cart.vue
index be14b651d..0e763c6bb 100644
--- a/vue-app/src/components/Cart.vue
+++ b/vue-app/src/components/Cart.vue
@@ -35,66 +35,18 @@
 import Vue from 'vue'
 import Component from 'vue-class-component'
 import { DateTime } from 'luxon'
-import { Contract, FixedNumber } from 'ethers'
-import { Web3Provider } from '@ethersproject/providers'
-import { parseFixed } from '@ethersproject/bignumber'
-import { Keypair } from 'maci-domainobjs'
+
+import ContributionModal from '@/components/ContributionModal.vue'
 
 import { CartItem } from '@/api/contributions'
 import {
   ADD_CART_ITEM,
   UPDATE_CART_ITEM,
   REMOVE_CART_ITEM,
-  SET_CONTRIBUTION,
 } from '@/store/mutation-types'
-import { getEventArg } from '@/utils/contracts'
-
-import { FundingRound, ERC20, MACI } from '@/api/abi'
 
 const CART_STORAGE_KEY = 'clrfund-cart'
 
-interface ContributorData {
-  privateKey: string;
-  stateIndex: number;
-  contribution: FixedNumber;
-  voiceCredits: number;
-}
-
-async function contribute(
-  provider: Web3Provider,
-  tokenAddress: string,
-  tokenDecimals: number,
-  fundingRoundAddress: string,
-  maciAddress: string,
-  amount: number,
-): Promise<ContributorData> {
-  const signer = provider.getSigner()
-  const token = new Contract(tokenAddress, ERC20, signer)
-  const amountRaw = parseFixed(amount.toString(), tokenDecimals)
-  // Approve transfer
-  const allowance = await token.allowance(signer.getAddress(), fundingRoundAddress)
-  if (allowance < amountRaw) {
-    await token.approve(fundingRoundAddress, amountRaw)
-  }
-  // Contribute
-  const contributorKeypair = new Keypair()
-  const fundingRound = new Contract(fundingRoundAddress, FundingRound, signer)
-  const contributionTx = await fundingRound.contribute(
-    contributorKeypair.pubKey.asContractParam(),
-    amountRaw,
-  )
-  // Get state index and amount of voice credits
-  const maci = new Contract(maciAddress, MACI, signer)
-  const stateIndex = await getEventArg(contributionTx, maci, 'SignUp', '_stateIndex')
-  const voiceCredits = await getEventArg(contributionTx, maci, 'SignUp', '_voiceCreditBalance')
-  return {
-    privateKey: contributorKeypair.privKey.serialize(),
-    stateIndex,
-    contribution: FixedNumber.fromValue(amountRaw, tokenDecimals),
-    voiceCredits,
-  }
-}
-
 @Component({
   watch: {
     cart(items: CartItem[]) {
@@ -157,24 +109,15 @@ export default class Cart extends Vue {
   }
 
   async contribute() {
-    const walletProvider = this.$store.state.walletProvider
-    const currentRound = this.$store.state.currentRound
-    if (!walletProvider || !currentRound) {
-      return
-    }
-    const contributorData = await contribute(
-      walletProvider,
-      currentRound.nativeTokenAddress,
-      currentRound.nativeTokenDecimals,
-      currentRound.fundingRoundAddress,
-      currentRound.maciAddress,
-      this.total,
+    this.$modal.show(
+      ContributionModal,
+      { },
+      {
+        clickToClose: false,
+        height: 'auto',
+        width: 450,
+      },
     )
-    this.$store.commit(SET_CONTRIBUTION, contributorData.contribution)
-    this.cart.slice().forEach((item) => {
-      this.$store.commit(REMOVE_CART_ITEM, item)
-    })
-    console.info(contributorData) // eslint-disable-line no-console
   }
 }
 </script>
diff --git a/vue-app/src/components/ContributionModal.vue b/vue-app/src/components/ContributionModal.vue
new file mode 100644
index 000000000..717b47ace
--- /dev/null
+++ b/vue-app/src/components/ContributionModal.vue
@@ -0,0 +1,202 @@
+<template>
+  <div class="modal-body">
+    <div v-if="contributionStep === 1">
+      <h3>Step 1 of 4: Approve</h3>
+      <div>Please confirm transaction in your wallet</div>
+      <div class="loader"></div>
+    </div>
+    <div v-if="contributionStep === 2">
+      <h3>Step 2 of 4: Contribute</h3>
+      <div>Please confirm transaction in your wallet</div>
+      <div class="loader"></div>
+    </div>
+    <div v-if="contributionStep === 3">
+      <h3>Step 3 of 4: Are you being bribed?</h3>
+      <button class="btn" @click="vote()">No</button>
+    </div>
+    <div v-if="contributionStep === 4">
+      <h3>Step 4 of 4: Vote</h3>
+      <div>Please send this transaction to {{ currentRound.fundingRoundAddress }} after {{ currentRound.contributionDeadline | formatDate }}:</div>
+      <div class="hex">{{ voteTxData }}</div>
+      <button class="btn" @click="$emit('close')">Done</button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import Component from 'vue-class-component'
+import { BigNumber, Contract, FixedNumber, Signer } from 'ethers'
+import { parseFixed } from '@ethersproject/bignumber'
+import { Keypair, PubKey, Message } from 'maci-domainobjs'
+
+import { CartItem } from '@/api/contributions'
+import { RoundInfo } from '@/api/round'
+import { LOAD_ROUND_INFO } from '@/store/action-types'
+import { REMOVE_CART_ITEM, SET_CONTRIBUTION } from '@/store/mutation-types'
+import { getEventArg } from '@/utils/contracts'
+import { createMessage } from '@/utils/maci'
+
+import { FundingRound, ERC20, MACI } from '@/api/abi'
+
+const VOICE_CREDIT_FACTOR = BigNumber.from(10).pow(4 + 18 - 9)
+
+interface Contributor {
+  keypair: Keypair;
+  stateIndex: number;
+  contribution: FixedNumber;
+  voiceCredits: BigNumber;
+}
+
+@Component
+export default class ContributionModal extends Vue {
+
+  contributionStep = 1
+
+  private amount: BigNumber = BigNumber.from(0)
+  private votes: [number, BigNumber][] = []
+  private contributor?: Contributor
+  voteTxData = ''
+
+  mounted() {
+    const { nativeTokenDecimals } = this.currentRound
+    this.$store.state.cart.forEach((item: CartItem) => {
+      const amountRaw = parseFixed(item.amount.toString(), nativeTokenDecimals)
+      const voiceCredits = amountRaw.div(VOICE_CREDIT_FACTOR)
+      this.votes.push([item.index, voiceCredits])
+      this.amount = this.amount.add(voiceCredits.mul(VOICE_CREDIT_FACTOR))
+    })
+    this.contribute()
+  }
+
+  get currentRound(): RoundInfo {
+    return this.$store.state.currentRound
+  }
+
+  private getSigner(): Signer {
+    const provider = this.$store.state.walletProvider
+    return provider.getSigner()
+  }
+
+  private async contribute() {
+    const signer = this.getSigner()
+    const {
+      nativeTokenAddress,
+      nativeTokenDecimals,
+      maciAddress,
+      fundingRoundAddress,
+    } = this.currentRound
+    const token = new Contract(nativeTokenAddress, ERC20, signer)
+    // Approve transfer
+    const allowance = await token.allowance(signer.getAddress(), fundingRoundAddress)
+    if (allowance < this.amount) {
+      await token.approve(fundingRoundAddress, this.amount)
+    }
+    this.contributionStep += 1
+    // Contribute
+    const contributorKeypair = new Keypair()
+    const fundingRound = new Contract(fundingRoundAddress, FundingRound, signer)
+    const contributionTx = await fundingRound.contribute(
+      contributorKeypair.pubKey.asContractParam(),
+      this.amount,
+    )
+    // Get state index and amount of voice credits
+    const maci = new Contract(maciAddress, MACI, signer)
+    const stateIndex = await getEventArg(contributionTx, maci, 'SignUp', '_stateIndex')
+    const voiceCredits = await getEventArg(contributionTx, maci, 'SignUp', '_voiceCreditBalance')
+    this.contributionStep += 1
+    this.contributor = {
+      keypair: contributorKeypair,
+      stateIndex,
+      contribution: FixedNumber.fromValue(this.amount, nativeTokenDecimals),
+      voiceCredits,
+    }
+    // Set contribution and clear the cart
+    this.$store.commit(SET_CONTRIBUTION, this.contributor.contribution)
+    this.$store.state.cart.slice().forEach((item) => {
+      this.$store.commit(REMOVE_CART_ITEM, item)
+    })
+    this.$store.dispatch(LOAD_ROUND_INFO)
+  }
+
+  vote() {
+    if (!this.contributor) {
+      return
+    }
+    this.contributionStep += 1
+    const { coordinatorPubKey, fundingRoundAddress } = this.currentRound
+    const messages: Message[] = []
+    const encPubKeys: PubKey[] = []
+    let nonce = 1
+    for (const [recipientIndex, voiceCredits] of this.votes) {
+      const [message, encPubKey] = createMessage(
+        this.contributor.stateIndex,
+        this.contributor.keypair, null,
+        coordinatorPubKey,
+        recipientIndex, voiceCredits, nonce,
+      )
+      messages.push(message)
+      encPubKeys.push(encPubKey)
+      nonce += 1
+    }
+    const fundingRound = new Contract(fundingRoundAddress, FundingRound)
+    this.voteTxData = fundingRound.interface.encodeFunctionData('submitMessageBatch', [
+      messages.map((msg) => msg.asContractParam()),
+      encPubKeys.map((key) => key.asContractParam()),
+    ])
+  }
+}
+</script>
+
+
+<style scoped lang="scss">
+@import '../styles/vars';
+
+.modal-body {
+  background-color: $bg-light-color;
+  font-family: Inter, sans-serif;
+  font-size: 14px;
+  padding: 10px 20px 20px;
+  text-align: center;
+}
+
+.loader {
+  display: block;
+  width: 40px;
+  height: 40px;
+  margin: 20px auto;
+}
+
+.loader:after {
+  content: " ";
+  display: block;
+  width: 32px;
+  height: 32px;
+  margin: 4px;
+  border-radius: 50%;
+  border: 6px solid #fff;
+  border-color: #fff transparent #fff transparent;
+  animation: loader 1.2s linear infinite;
+}
+
+@keyframes loader {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.hex {
+  background-color: #666;
+  font-family: monospace;
+  font-size: 12px;
+  height: 50px;
+  padding: 5px;
+  margin: 10px 0;
+  overflow-y: scroll;
+  text-align: left;
+  word-wrap: break-word;
+}
+</style>
diff --git a/vue-app/src/components/ProjectItem.vue b/vue-app/src/components/ProjectItem.vue
index 0d96660a2..976f7e4b8 100644
--- a/vue-app/src/components/ProjectItem.vue
+++ b/vue-app/src/components/ProjectItem.vue
@@ -6,6 +6,7 @@
       <div class="project-description">{{ project.description }}</div>
       <button
         class="btn contribute-btn"
+        :disabled="!canContribute()"
         @click="contribute(project)"
       >
         Contribute
@@ -21,11 +22,18 @@ import { Component, Prop } from 'vue-property-decorator'
 import { Project } from '@/api/projects'
 import { ADD_CART_ITEM } from '@/store/mutation-types'
 
+// A size of message batch
+const CART_MAX_SIZE = 10
+
 @Component
 export default class ProjectItem extends Vue {
   @Prop()
   project!: Project;
 
+  canContribute() {
+    return this.$store.state.cart.length < CART_MAX_SIZE
+  }
+
   contribute(project: Project) {
     this.$store.commit(ADD_CART_ITEM, { ...project, amount: 0 })
   }
diff --git a/vue-app/src/filters/index.ts b/vue-app/src/filters/index.ts
new file mode 100644
index 000000000..c34326d89
--- /dev/null
+++ b/vue-app/src/filters/index.ts
@@ -0,0 +1,11 @@
+import Vue from 'vue'
+import { FixedNumber } from 'ethers'
+import { DateTime } from 'luxon'
+
+Vue.filter('formatDate', (value: DateTime): string | null => {
+  return value ? value.toLocaleString(DateTime.DATETIME_SHORT) : null
+})
+
+Vue.filter('formatAmount', (value: FixedNumber): string | null => {
+  return value ? (value._value === '0.0' ? '0' : value.toString()) : null
+})
diff --git a/vue-app/src/main.ts b/vue-app/src/main.ts
index 8d632abcc..0bf199186 100644
--- a/vue-app/src/main.ts
+++ b/vue-app/src/main.ts
@@ -2,6 +2,11 @@ import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
 import store from './store'
+import './filters'
+
+import VModal from 'vue-js-modal'
+
+Vue.use(VModal)
 
 Vue.config.productionTip = false
 
diff --git a/vue-app/src/store/action-types.ts b/vue-app/src/store/action-types.ts
new file mode 100644
index 000000000..e1c311ad5
--- /dev/null
+++ b/vue-app/src/store/action-types.ts
@@ -0,0 +1 @@
+export const LOAD_ROUND_INFO = 'LOAD_ROUND_INFO'
diff --git a/vue-app/src/store/index.ts b/vue-app/src/store/index.ts
index d601fd535..090b9187f 100644
--- a/vue-app/src/store/index.ts
+++ b/vue-app/src/store/index.ts
@@ -4,7 +4,8 @@ import { FixedNumber } from 'ethers'
 import { Web3Provider } from '@ethersproject/providers'
 
 import { CartItem } from '@/api/contributions'
-import { RoundInfo } from '@/api/round'
+import { RoundInfo, getRoundInfo } from '@/api/round'
+import { LOAD_ROUND_INFO } from './action-types'
 import {
   SET_WALLET_PROVIDER,
   SET_ACCOUNT,
@@ -71,7 +72,12 @@ const store: StoreOptions<RootState> = {
       }
     },
   },
-  actions: {},
+  actions: {
+    async [LOAD_ROUND_INFO]({ commit }) {
+      const currentRound = await getRoundInfo()
+      commit(SET_CURRENT_ROUND, currentRound)
+    },
+  },
   modules: {},
 }
 
diff --git a/vue-app/src/styles/_vars.scss b/vue-app/src/styles/_vars.scss
index 210d20526..f8eac26f1 100644
--- a/vue-app/src/styles/_vars.scss
+++ b/vue-app/src/styles/_vars.scss
@@ -5,6 +5,7 @@ $bg-light-color: #2c2938;
 $border-color: #2b364b;
 $highlight-color: #6cf4d5;
 $button-color: #7375a6;
+$button-disabled-color: #A6A6A6;
 
 $border: 2px solid $border-color;
 $content-space: 30px;
diff --git a/vue-app/src/utils/maci.ts b/vue-app/src/utils/maci.ts
new file mode 100644
index 000000000..7e79fd924
--- /dev/null
+++ b/vue-app/src/utils/maci.ts
@@ -0,0 +1,49 @@
+import { BigNumber } from 'ethers'
+import { bigInt, genRandomSalt } from 'maci-crypto'
+import { Keypair, PubKey, Command, Message } from 'maci-domainobjs'
+
+function bnSqrt(a: BigNumber): BigNumber {
+  // Take square root from a big number
+  // https://stackoverflow.com/a/52468569/1868395
+  if (a.isZero()) {
+    return a
+  }
+  let x
+  let x1 = a.div(2)
+  do {
+    x = x1
+    x1 = (x.add(a.div(x))).div(2)
+  } while (!x.eq(x1))
+  return x
+}
+
+export function createMessage(
+  userStateIndex: number,
+  userKeypair: Keypair,
+  newUserKeypair: Keypair | null,
+  coordinatorPubKey: PubKey,
+  voteOptionIndex: number | null,
+  voiceCredits: BigNumber | null,
+  nonce: number,
+  salt?: number,
+): [Message, PubKey] {
+  const encKeypair = new Keypair()
+  if (!salt) {
+    salt = genRandomSalt()
+  }
+  const quadraticVoteWeight = voiceCredits ? bnSqrt(voiceCredits) : 0
+  const command = new Command(
+    bigInt(userStateIndex),
+    newUserKeypair ? newUserKeypair.pubKey : userKeypair.pubKey,
+    bigInt(voteOptionIndex || 0),
+    bigInt(quadraticVoteWeight),
+    bigInt(nonce),
+    bigInt(salt),
+  )
+  const signature = command.sign(userKeypair.privKey)
+  const message = command.encrypt(
+    signature,
+    Keypair.genEcdhSharedKey(encKeypair.privKey, coordinatorPubKey),
+  )
+  return [message, encKeypair.pubKey]
+}
diff --git a/vue-app/src/views/Home.vue b/vue-app/src/views/Home.vue
index 4c6f3c088..31b33178e 100644
--- a/vue-app/src/views/Home.vue
+++ b/vue-app/src/views/Home.vue
@@ -50,28 +50,20 @@
 import Vue from 'vue'
 import Component from 'vue-class-component'
 import { FixedNumber } from 'ethers'
-import { DateTime } from 'luxon'
 
 import { getContributionAmount } from '@/api/contributions'
-import { RoundInfo, getRoundInfo } from '@/api/round'
+import { RoundInfo } from '@/api/round'
 import { Project, getProjects } from '@/api/projects'
 
 import ProjectItem from '@/components/ProjectItem.vue'
-import { SET_CURRENT_ROUND, SET_CONTRIBUTION } from '@/store/mutation-types'
+import { LOAD_ROUND_INFO } from '@/store/action-types'
+import { SET_CONTRIBUTION } from '@/store/mutation-types'
 
 @Component({
   name: 'Home',
   components: {
     ProjectItem,
   },
-  filters: {
-    formatDate: (value: DateTime): string | null => {
-      return value ? value.toLocaleString(DateTime.DATETIME_SHORT) : null
-    },
-    formatAmount: (value: FixedNumber): string | null => {
-      return value ? (value._value === '0.0' ? '0' : value.toString()) : null
-    },
-  },
 })
 export default class Home extends Vue {
 
@@ -82,14 +74,13 @@ export default class Home extends Vue {
   }
 
   private async updateCurrentRound() {
-    const currentRound = await getRoundInfo()
-    this.$store.commit(SET_CURRENT_ROUND, currentRound)
+    await this.$store.dispatch(LOAD_ROUND_INFO)
     const walletAddress = this.$store.state.account
-    if (currentRound && walletAddress) {
+    if (this.currentRound && walletAddress) {
       const contribution = await getContributionAmount(
         walletAddress,
-        currentRound.fundingRoundAddress,
-        currentRound.nativeTokenDecimals,
+        this.currentRound.fundingRoundAddress,
+        this.currentRound.nativeTokenDecimals,
       )
       this.$store.commit(SET_CONTRIBUTION, contribution)
     }
diff --git a/vue-app/vue.config.js b/vue-app/vue.config.js
index 640b680e7..256d446ad 100644
--- a/vue-app/vue.config.js
+++ b/vue-app/vue.config.js
@@ -1,3 +1,4 @@
 module.exports = {
   publicPath: './',
+  productionSourceMap: false,
 }
diff --git a/yarn.lock b/yarn.lock
index d03627474..6bee1d29d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11507,6 +11507,11 @@ requires-port@^1.0.0:
   resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
   integrity sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=
 
+resize-observer-polyfill@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
+  integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
+
 resolve-cwd@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-2.0.0.tgz#00a9f7387556e27038eae232caa372a6a59b665a"
@@ -13759,6 +13764,13 @@ vue-hot-reload-api@^2.3.0:
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
   integrity sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==
 
+vue-js-modal@^2.0.0-rc.6:
+  version "2.0.0-rc.6"
+  resolved "https://registry.yarnpkg.com/vue-js-modal/-/vue-js-modal-2.0.0-rc.6.tgz#2fd596c79a713d2cbf447150abb5fefce65efd2d"
+  integrity sha512-bJOm7Yhrl0ur/QyXjoC3gMMmE7UxiVEcS2rl8v9iPXIe9QLvjiCSZElSOvvyps8LNuG1X0rPifZGxI/CWKCFaw==
+  dependencies:
+    resize-observer-polyfill "^1.5.1"
+
 vue-loader@^15.9.2:
   version "15.9.3"
   resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-15.9.3.tgz#0de35d9e555d3ed53969516cac5ce25531299dda"