From a9b89173245a636b506747493cf6b9e7507368c6 Mon Sep 17 00:00:00 2001
From: Paul Razvan Berg <hello@paulrberg.com>
Date: Sat, 14 Nov 2020 14:25:22 +0200
Subject: [PATCH 1/5] feat: mStable template for both React and Vue

test: integration test mStable template
---
 src/helpers/constants.ts                      |   3 +
 templates/react/mstable/README.md.ctx         |  11 +
 templates/react/mstable/package.json.ctx      |   7 +
 .../mstable/packages/contracts/README.md.ctx  |   3 +
 .../packages/contracts/package.json.ctx       |   3 +
 .../mstable/packages/contracts/src/abis.js    |  13 +
 .../packages/contracts/src/abis/mAsset.json   | 453 +++++++++++++
 .../contracts/src/abis/metaToken.json         | 239 +++++++
 .../packages/contracts/src/abis/nexus.json    | 606 ++++++++++++++++++
 .../contracts/src/abis/savingsContract.json   | 254 ++++++++
 .../contracts/src/abis/savingsManager.json    | 479 ++++++++++++++
 .../packages/contracts/src/addresses.js       |  20 +
 .../packages/contracts/src/index.js.ctx       |   1 +
 .../mstable/packages/react-app/README.md.ctx  |   3 +
 .../packages/react-app/package.json.ctx       |  13 +
 .../mstable/packages/react-app/src/App.js.ctx |  27 +
 .../react-app/src/graphql/subgraph.js         |  20 +
 .../packages/react-app/src/index.js.ctx       |   4 +
 templates/vue/mstable/README.md.ctx           |  11 +
 templates/vue/mstable/package.json.ctx        |   7 +
 .../mstable/packages/contracts/README.md.ctx  |   3 +
 .../packages/contracts/package.json.ctx       |   3 +
 .../mstable/packages/contracts/src/abis.js    |  13 +
 .../packages/contracts/src/abis/mAsset.json   | 453 +++++++++++++
 .../contracts/src/abis/metaToken.json         | 239 +++++++
 .../packages/contracts/src/abis/nexus.json    | 606 ++++++++++++++++++
 .../contracts/src/abis/savingsContract.json   | 254 ++++++++
 .../contracts/src/abis/savingsManager.json    | 479 ++++++++++++++
 .../packages/contracts/src/addresses.js       |  20 +
 .../packages/contracts/src/index.js.ctx       |   1 +
 .../mstable/packages/vue-app/README.md.ctx    |   3 +
 .../mstable/packages/vue-app/package.json.ctx |  13 +
 .../vue-app/src/components/HelloWorld.vue.ctx |  40 ++
 .../packages/vue-app/src/graphql/subgraph.js  |  20 +
 .../mstable/packages/vue-app/src/main.js.ctx  |   3 +
 test/integration/templates.test.ts            |  60 +-
 36 files changed, 4357 insertions(+), 30 deletions(-)
 create mode 100644 templates/react/mstable/README.md.ctx
 create mode 100644 templates/react/mstable/package.json.ctx
 create mode 100644 templates/react/mstable/packages/contracts/README.md.ctx
 create mode 100644 templates/react/mstable/packages/contracts/package.json.ctx
 create mode 100644 templates/react/mstable/packages/contracts/src/abis.js
 create mode 100644 templates/react/mstable/packages/contracts/src/abis/mAsset.json
 create mode 100644 templates/react/mstable/packages/contracts/src/abis/metaToken.json
 create mode 100644 templates/react/mstable/packages/contracts/src/abis/nexus.json
 create mode 100644 templates/react/mstable/packages/contracts/src/abis/savingsContract.json
 create mode 100644 templates/react/mstable/packages/contracts/src/abis/savingsManager.json
 create mode 100644 templates/react/mstable/packages/contracts/src/addresses.js
 create mode 100644 templates/react/mstable/packages/contracts/src/index.js.ctx
 create mode 100644 templates/react/mstable/packages/react-app/README.md.ctx
 create mode 100644 templates/react/mstable/packages/react-app/package.json.ctx
 create mode 100644 templates/react/mstable/packages/react-app/src/App.js.ctx
 create mode 100644 templates/react/mstable/packages/react-app/src/graphql/subgraph.js
 create mode 100644 templates/react/mstable/packages/react-app/src/index.js.ctx
 create mode 100644 templates/vue/mstable/README.md.ctx
 create mode 100644 templates/vue/mstable/package.json.ctx
 create mode 100644 templates/vue/mstable/packages/contracts/README.md.ctx
 create mode 100644 templates/vue/mstable/packages/contracts/package.json.ctx
 create mode 100644 templates/vue/mstable/packages/contracts/src/abis.js
 create mode 100644 templates/vue/mstable/packages/contracts/src/abis/mAsset.json
 create mode 100644 templates/vue/mstable/packages/contracts/src/abis/metaToken.json
 create mode 100644 templates/vue/mstable/packages/contracts/src/abis/nexus.json
 create mode 100644 templates/vue/mstable/packages/contracts/src/abis/savingsContract.json
 create mode 100644 templates/vue/mstable/packages/contracts/src/abis/savingsManager.json
 create mode 100644 templates/vue/mstable/packages/contracts/src/addresses.js
 create mode 100644 templates/vue/mstable/packages/contracts/src/index.js.ctx
 create mode 100644 templates/vue/mstable/packages/vue-app/README.md.ctx
 create mode 100644 templates/vue/mstable/packages/vue-app/package.json.ctx
 create mode 100644 templates/vue/mstable/packages/vue-app/src/components/HelloWorld.vue.ctx
 create mode 100644 templates/vue/mstable/packages/vue-app/src/graphql/subgraph.js
 create mode 100644 templates/vue/mstable/packages/vue-app/src/main.js.ctx

diff --git a/src/helpers/constants.ts b/src/helpers/constants.ts
index 1900993d..0d4faa12 100644
--- a/src/helpers/constants.ts
+++ b/src/helpers/constants.ts
@@ -53,6 +53,7 @@ export const HardcodedTemplateFiles: Record<FrameworkKey, Record<TemplateKey, st
     default: [...HardcodedBespokeTemplateFiles.react, ".gitignore", "README.md", "packages/subgraph"],
     kyber: HardcodedBespokeTemplateFiles.react,
     maker: HardcodedBespokeTemplateFiles.react,
+    mstable: HardcodedBespokeTemplateFiles.react,
     "sablier-v1": HardcodedBespokeTemplateFiles.react,
     synthetix: HardcodedBespokeTemplateFiles.react,
     "uniswap-v1": HardcodedBespokeTemplateFiles.react,
@@ -64,6 +65,7 @@ export const HardcodedTemplateFiles: Record<FrameworkKey, Record<TemplateKey, st
     default: [...HardcodedBespokeTemplateFiles.vue, ".gitignore", "README.md", "packages/subgraph"],
     kyber: HardcodedBespokeTemplateFiles.vue,
     maker: HardcodedBespokeTemplateFiles.vue,
+    mstable: HardcodedBespokeTemplateFiles.vue,
     "sablier-v1": HardcodedBespokeTemplateFiles.vue,
     synthetix: HardcodedBespokeTemplateFiles.vue,
     "uniswap-v1": HardcodedBespokeTemplateFiles.vue,
@@ -80,6 +82,7 @@ export const Templates = [
   "default",
   "kyber",
   "maker",
+  "mstable",
   "sablier-v1",
   "synthetix",
   "uniswap-v1",
diff --git a/templates/react/mstable/README.md.ctx b/templates/react/mstable/README.md.ctx
new file mode 100644
index 00000000..3c71ee1c
--- /dev/null
+++ b/templates/react/mstable/README.md.ctx
@@ -0,0 +1,11 @@
+{
+  "description": "mStable provides autonomous and non-custodial stablecoin infrastructure. Read more about it in the [official documentation](https://docs.mstable.org/",
+  "packages": [
+    "[contracts](/packages/contracts)",
+    "[react-app](/packages/react-app)"
+  ],
+  "subgraphName": "mstable-protocol",
+  "subgraphUrl": "https://thegraph.com/explorer/subgraph/mstable/mstable-protocol",
+  "templateName": "mStable",
+  "templateUrl": "https://github.com/paulrberg/create-eth-app/tree/develop/templates/react/mstable"
+}
diff --git a/templates/react/mstable/package.json.ctx b/templates/react/mstable/package.json.ctx
new file mode 100644
index 00000000..4ac0a806
--- /dev/null
+++ b/templates/react/mstable/package.json.ctx
@@ -0,0 +1,7 @@
+{
+  "orgName": "@mStable-app",
+  "packageName": "@mStable-app/monorepo",
+  "keywords": [
+    "mstable"
+  ]
+}
diff --git a/templates/react/mstable/packages/contracts/README.md.ctx b/templates/react/mstable/packages/contracts/README.md.ctx
new file mode 100644
index 00000000..504b5475
--- /dev/null
+++ b/templates/react/mstable/packages/contracts/README.md.ctx
@@ -0,0 +1,3 @@
+{
+  "title": "@mStable-app/contracts"
+}
diff --git a/templates/react/mstable/packages/contracts/package.json.ctx b/templates/react/mstable/packages/contracts/package.json.ctx
new file mode 100644
index 00000000..27479722
--- /dev/null
+++ b/templates/react/mstable/packages/contracts/package.json.ctx
@@ -0,0 +1,3 @@
+{
+  "packageName": "@mStable-app/contracts"
+}
diff --git a/templates/react/mstable/packages/contracts/src/abis.js b/templates/react/mstable/packages/contracts/src/abis.js
new file mode 100644
index 00000000..994cbc1b
--- /dev/null
+++ b/templates/react/mstable/packages/contracts/src/abis.js
@@ -0,0 +1,13 @@
+import mAsset from "./abis/mAsset.json";
+import metaToken from "./abis/metaToken.json";
+import nexus from "./abis/nexus.json";
+import savingsContract from "./abis/savingsContract.json";
+import savingsManager from "./abis/savingsManager.json";
+
+export default {
+  mAsset,
+  metaToken,
+  nexus,
+  savingsContract,
+  savingsManager,
+};
diff --git a/templates/react/mstable/packages/contracts/src/abis/mAsset.json b/templates/react/mstable/packages/contracts/src/abis/mAsset.json
new file mode 100644
index 00000000..81da8d08
--- /dev/null
+++ b/templates/react/mstable/packages/contracts/src/abis/mAsset.json
@@ -0,0 +1,453 @@
+[
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "owner", "type": "address" },
+      { "indexed": true, "internalType": "address", "name": "spender", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "value", "type": "uint256" }
+    ],
+    "name": "Approval",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [{ "indexed": false, "internalType": "address", "name": "forgeValidator", "type": "address" }],
+    "name": "ForgeValidatorChanged",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "minter", "type": "address" },
+      { "indexed": false, "internalType": "address", "name": "recipient", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "mAssetQuantity", "type": "uint256" },
+      { "indexed": false, "internalType": "address", "name": "bAsset", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "bAssetQuantity", "type": "uint256" }
+    ],
+    "name": "Minted",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "minter", "type": "address" },
+      { "indexed": false, "internalType": "address", "name": "recipient", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "mAssetQuantity", "type": "uint256" },
+      { "indexed": false, "internalType": "address[]", "name": "bAssets", "type": "address[]" },
+      { "indexed": false, "internalType": "uint256[]", "name": "bAssetQuantities", "type": "uint256[]" }
+    ],
+    "name": "MintedMulti",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "payer", "type": "address" },
+      { "indexed": false, "internalType": "address", "name": "asset", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "feeQuantity", "type": "uint256" }
+    ],
+    "name": "PaidFee",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "redeemer", "type": "address" },
+      { "indexed": false, "internalType": "address", "name": "recipient", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "mAssetQuantity", "type": "uint256" },
+      { "indexed": false, "internalType": "address[]", "name": "bAssets", "type": "address[]" },
+      { "indexed": false, "internalType": "uint256[]", "name": "bAssetQuantities", "type": "uint256[]" }
+    ],
+    "name": "Redeemed",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "redeemer", "type": "address" },
+      { "indexed": false, "internalType": "address", "name": "recipient", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "mAssetQuantity", "type": "uint256" }
+    ],
+    "name": "RedeemedMasset",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [{ "indexed": false, "internalType": "uint256", "name": "fee", "type": "uint256" }],
+    "name": "RedemptionFeeChanged",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [{ "indexed": false, "internalType": "uint256", "name": "fee", "type": "uint256" }],
+    "name": "SwapFeeChanged",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "swapper", "type": "address" },
+      { "indexed": false, "internalType": "address", "name": "input", "type": "address" },
+      { "indexed": false, "internalType": "address", "name": "output", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "outputAmount", "type": "uint256" },
+      { "indexed": false, "internalType": "address", "name": "recipient", "type": "address" }
+    ],
+    "name": "Swapped",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "from", "type": "address" },
+      { "indexed": true, "internalType": "address", "name": "to", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "value", "type": "uint256" }
+    ],
+    "name": "Transfer",
+    "type": "event"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      { "internalType": "address", "name": "owner", "type": "address" },
+      { "internalType": "address", "name": "spender", "type": "address" }
+    ],
+    "name": "allowance",
+    "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "spender", "type": "address" },
+      { "internalType": "uint256", "name": "amount", "type": "uint256" }
+    ],
+    "name": "approve",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [{ "internalType": "address", "name": "account", "type": "address" }],
+    "name": "balanceOf",
+    "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [],
+    "name": "collectInterest",
+    "outputs": [
+      { "internalType": "uint256", "name": "totalInterestGained", "type": "uint256" },
+      { "internalType": "uint256", "name": "newSupply", "type": "uint256" }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "decimals",
+    "outputs": [{ "internalType": "uint8", "name": "", "type": "uint8" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "spender", "type": "address" },
+      { "internalType": "uint256", "name": "subtractedValue", "type": "uint256" }
+    ],
+    "name": "decreaseAllowance",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "forgeValidator",
+    "outputs": [{ "internalType": "contract IForgeValidator", "name": "", "type": "address" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "getBasketManager",
+    "outputs": [{ "internalType": "address", "name": "", "type": "address" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      { "internalType": "address", "name": "_input", "type": "address" },
+      { "internalType": "address", "name": "_output", "type": "address" },
+      { "internalType": "uint256", "name": "_quantity", "type": "uint256" }
+    ],
+    "name": "getSwapOutput",
+    "outputs": [
+      { "internalType": "bool", "name": "", "type": "bool" },
+      { "internalType": "string", "name": "", "type": "string" },
+      { "internalType": "uint256", "name": "output", "type": "uint256" }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "spender", "type": "address" },
+      { "internalType": "uint256", "name": "addedValue", "type": "uint256" }
+    ],
+    "name": "increaseAllowance",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "string", "name": "_nameArg", "type": "string" },
+      { "internalType": "string", "name": "_symbolArg", "type": "string" },
+      { "internalType": "address", "name": "_nexus", "type": "address" },
+      { "internalType": "address", "name": "_forgeValidator", "type": "address" },
+      { "internalType": "address", "name": "_basketManager", "type": "address" }
+    ],
+    "name": "initialize",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [],
+    "name": "lockForgeValidator",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "_bAsset", "type": "address" },
+      { "internalType": "uint256", "name": "_bAssetQuantity", "type": "uint256" }
+    ],
+    "name": "mint",
+    "outputs": [{ "internalType": "uint256", "name": "massetMinted", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address[]", "name": "_bAssets", "type": "address[]" },
+      { "internalType": "uint256[]", "name": "_bAssetQuantity", "type": "uint256[]" },
+      { "internalType": "address", "name": "_recipient", "type": "address" }
+    ],
+    "name": "mintMulti",
+    "outputs": [{ "internalType": "uint256", "name": "massetMinted", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "_bAsset", "type": "address" },
+      { "internalType": "uint256", "name": "_bAssetQuantity", "type": "uint256" },
+      { "internalType": "address", "name": "_recipient", "type": "address" }
+    ],
+    "name": "mintTo",
+    "outputs": [{ "internalType": "uint256", "name": "massetMinted", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "name",
+    "outputs": [{ "internalType": "string", "name": "", "type": "string" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "nexus",
+    "outputs": [{ "internalType": "contract INexus", "name": "", "type": "address" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "_bAsset", "type": "address" },
+      { "internalType": "uint256", "name": "_bAssetQuantity", "type": "uint256" }
+    ],
+    "name": "redeem",
+    "outputs": [{ "internalType": "uint256", "name": "massetRedeemed", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "uint256", "name": "_mAssetQuantity", "type": "uint256" },
+      { "internalType": "address", "name": "_recipient", "type": "address" }
+    ],
+    "name": "redeemMasset",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address[]", "name": "_bAssets", "type": "address[]" },
+      { "internalType": "uint256[]", "name": "_bAssetQuantities", "type": "uint256[]" },
+      { "internalType": "address", "name": "_recipient", "type": "address" }
+    ],
+    "name": "redeemMulti",
+    "outputs": [{ "internalType": "uint256", "name": "massetRedeemed", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "_bAsset", "type": "address" },
+      { "internalType": "uint256", "name": "_bAssetQuantity", "type": "uint256" },
+      { "internalType": "address", "name": "_recipient", "type": "address" }
+    ],
+    "name": "redeemTo",
+    "outputs": [{ "internalType": "uint256", "name": "massetRedeemed", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "redemptionFee",
+    "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [{ "internalType": "uint256", "name": "_redemptionFee", "type": "uint256" }],
+    "name": "setRedemptionFee",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [{ "internalType": "uint256", "name": "_swapFee", "type": "uint256" }],
+    "name": "setSwapFee",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "_input", "type": "address" },
+      { "internalType": "address", "name": "_output", "type": "address" },
+      { "internalType": "uint256", "name": "_quantity", "type": "uint256" },
+      { "internalType": "address", "name": "_recipient", "type": "address" }
+    ],
+    "name": "swap",
+    "outputs": [{ "internalType": "uint256", "name": "output", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "swapFee",
+    "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "symbol",
+    "outputs": [{ "internalType": "string", "name": "", "type": "string" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "totalSupply",
+    "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "recipient", "type": "address" },
+      { "internalType": "uint256", "name": "amount", "type": "uint256" }
+    ],
+    "name": "transfer",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "sender", "type": "address" },
+      { "internalType": "address", "name": "recipient", "type": "address" },
+      { "internalType": "uint256", "name": "amount", "type": "uint256" }
+    ],
+    "name": "transferFrom",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [{ "internalType": "address", "name": "_newForgeValidator", "type": "address" }],
+    "name": "upgradeForgeValidator",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  }
+]
diff --git a/templates/react/mstable/packages/contracts/src/abis/metaToken.json b/templates/react/mstable/packages/contracts/src/abis/metaToken.json
new file mode 100644
index 00000000..a604f31b
--- /dev/null
+++ b/templates/react/mstable/packages/contracts/src/abis/metaToken.json
@@ -0,0 +1,239 @@
+[
+  {
+    "inputs": [
+      { "internalType": "address", "name": "_nexus", "type": "address" },
+      { "internalType": "address", "name": "_initialRecipient", "type": "address" }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "constructor"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "owner", "type": "address" },
+      { "indexed": true, "internalType": "address", "name": "spender", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "value", "type": "uint256" }
+    ],
+    "name": "Approval",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [{ "indexed": true, "internalType": "address", "name": "account", "type": "address" }],
+    "name": "MinterAdded",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [{ "indexed": true, "internalType": "address", "name": "account", "type": "address" }],
+    "name": "MinterRemoved",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "from", "type": "address" },
+      { "indexed": true, "internalType": "address", "name": "to", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "value", "type": "uint256" }
+    ],
+    "name": "Transfer",
+    "type": "event"
+  },
+  {
+    "constant": false,
+    "inputs": [{ "internalType": "address", "name": "account", "type": "address" }],
+    "name": "addMinter",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      { "internalType": "address", "name": "owner", "type": "address" },
+      { "internalType": "address", "name": "spender", "type": "address" }
+    ],
+    "name": "allowance",
+    "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "spender", "type": "address" },
+      { "internalType": "uint256", "name": "amount", "type": "uint256" }
+    ],
+    "name": "approve",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [{ "internalType": "address", "name": "account", "type": "address" }],
+    "name": "balanceOf",
+    "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [{ "internalType": "uint256", "name": "amount", "type": "uint256" }],
+    "name": "burn",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "account", "type": "address" },
+      { "internalType": "uint256", "name": "amount", "type": "uint256" }
+    ],
+    "name": "burnFrom",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "decimals",
+    "outputs": [{ "internalType": "uint8", "name": "", "type": "uint8" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "spender", "type": "address" },
+      { "internalType": "uint256", "name": "subtractedValue", "type": "uint256" }
+    ],
+    "name": "decreaseAllowance",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "spender", "type": "address" },
+      { "internalType": "uint256", "name": "addedValue", "type": "uint256" }
+    ],
+    "name": "increaseAllowance",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [{ "internalType": "address", "name": "account", "type": "address" }],
+    "name": "isMinter",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "account", "type": "address" },
+      { "internalType": "uint256", "name": "amount", "type": "uint256" }
+    ],
+    "name": "mint",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "name",
+    "outputs": [{ "internalType": "string", "name": "", "type": "string" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "nexus",
+    "outputs": [{ "internalType": "contract INexus", "name": "", "type": "address" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [{ "internalType": "address", "name": "account", "type": "address" }],
+    "name": "removeMinter",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [],
+    "name": "renounceMinter",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "symbol",
+    "outputs": [{ "internalType": "string", "name": "", "type": "string" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "totalSupply",
+    "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "recipient", "type": "address" },
+      { "internalType": "uint256", "name": "amount", "type": "uint256" }
+    ],
+    "name": "transfer",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "sender", "type": "address" },
+      { "internalType": "address", "name": "recipient", "type": "address" },
+      { "internalType": "uint256", "name": "amount", "type": "uint256" }
+    ],
+    "name": "transferFrom",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  }
+]
diff --git a/templates/react/mstable/packages/contracts/src/abis/nexus.json b/templates/react/mstable/packages/contracts/src/abis/nexus.json
new file mode 100644
index 00000000..e4d5b6b1
--- /dev/null
+++ b/templates/react/mstable/packages/contracts/src/abis/nexus.json
@@ -0,0 +1,606 @@
+[
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_governorAddr",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "constructor"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "governor",
+        "type": "address"
+      },
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "proposed",
+        "type": "address"
+      }
+    ],
+    "name": "GovernorChangeCancelled",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "proposedGovernor",
+        "type": "address"
+      }
+    ],
+    "name": "GovernorChangeClaimed",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "governor",
+        "type": "address"
+      },
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "proposed",
+        "type": "address"
+      }
+    ],
+    "name": "GovernorChangeRequested",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "previousGovernor",
+        "type": "address"
+      },
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "newGovernor",
+        "type": "address"
+      }
+    ],
+    "name": "GovernorChanged",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "bytes32",
+        "name": "key",
+        "type": "bytes32"
+      },
+      {
+        "indexed": false,
+        "internalType": "address",
+        "name": "addr",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "bool",
+        "name": "isLocked",
+        "type": "bool"
+      }
+    ],
+    "name": "ModuleAdded",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "bytes32",
+        "name": "key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "ModuleCancelled",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "bytes32",
+        "name": "key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "ModuleLockCancelled",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "bytes32",
+        "name": "key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "ModuleLockEnabled",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "bytes32",
+        "name": "key",
+        "type": "bytes32"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "timestamp",
+        "type": "uint256"
+      }
+    ],
+    "name": "ModuleLockRequested",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "bytes32",
+        "name": "key",
+        "type": "bytes32"
+      },
+      {
+        "indexed": false,
+        "internalType": "address",
+        "name": "addr",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "timestamp",
+        "type": "uint256"
+      }
+    ],
+    "name": "ModuleProposed",
+    "type": "event"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "UPGRADE_DELAY",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "_key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "acceptProposedModule",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bytes32[]",
+        "name": "_keys",
+        "type": "bytes32[]"
+      }
+    ],
+    "name": "acceptProposedModules",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [],
+    "name": "cancelGovernorChange",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "_key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "cancelLockModule",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "_key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "cancelProposedModule",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "changeGovernor",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [],
+    "name": "claimGovernorChange",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "delay",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "_key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "getModule",
+    "outputs": [
+      {
+        "internalType": "address",
+        "name": "addr",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "governor",
+    "outputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bytes32[]",
+        "name": "_keys",
+        "type": "bytes32[]"
+      },
+      {
+        "internalType": "address[]",
+        "name": "_addresses",
+        "type": "address[]"
+      },
+      {
+        "internalType": "bool[]",
+        "name": "_isLocked",
+        "type": "bool[]"
+      },
+      {
+        "internalType": "address",
+        "name": "_governorAddr",
+        "type": "address"
+      }
+    ],
+    "name": "initialize",
+    "outputs": [
+      {
+        "internalType": "bool",
+        "name": "",
+        "type": "bool"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "initialized",
+    "outputs": [
+      {
+        "internalType": "bool",
+        "name": "",
+        "type": "bool"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "isGovernor",
+    "outputs": [
+      {
+        "internalType": "bool",
+        "name": "",
+        "type": "bool"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "_key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "lockModule",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "_key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "moduleExists",
+    "outputs": [
+      {
+        "internalType": "bool",
+        "name": "",
+        "type": "bool"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "",
+        "type": "bytes32"
+      }
+    ],
+    "name": "modules",
+    "outputs": [
+      {
+        "internalType": "address",
+        "name": "addr",
+        "type": "address"
+      },
+      {
+        "internalType": "bool",
+        "name": "isLocked",
+        "type": "bool"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "_key",
+        "type": "bytes32"
+      },
+      {
+        "internalType": "address",
+        "name": "_addr",
+        "type": "address"
+      }
+    ],
+    "name": "proposeModule",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "proposedGovernor",
+    "outputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "",
+        "type": "bytes32"
+      }
+    ],
+    "name": "proposedLockModules",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "",
+        "type": "bytes32"
+      }
+    ],
+    "name": "proposedModules",
+    "outputs": [
+      {
+        "internalType": "address",
+        "name": "newAddress",
+        "type": "address"
+      },
+      {
+        "internalType": "uint256",
+        "name": "timestamp",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_proposedGovernor",
+        "type": "address"
+      }
+    ],
+    "name": "requestGovernorChange",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "_key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "requestLockModule",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "requestTime",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  }
+]
diff --git a/templates/react/mstable/packages/contracts/src/abis/savingsContract.json b/templates/react/mstable/packages/contracts/src/abis/savingsContract.json
new file mode 100644
index 00000000..0403e014
--- /dev/null
+++ b/templates/react/mstable/packages/contracts/src/abis/savingsContract.json
@@ -0,0 +1,254 @@
+[
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_nexus",
+        "type": "address"
+      },
+      {
+        "internalType": "contract IERC20",
+        "name": "_mUSD",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "constructor"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": false,
+        "internalType": "bool",
+        "name": "automationEnabled",
+        "type": "bool"
+      }
+    ],
+    "name": "AutomaticInterestCollectionSwitched",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "redeemer",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "creditsRedeemed",
+        "type": "uint256"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "savingsCredited",
+        "type": "uint256"
+      }
+    ],
+    "name": "CreditsRedeemed",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "newExchangeRate",
+        "type": "uint256"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "interestCollected",
+        "type": "uint256"
+      }
+    ],
+    "name": "ExchangeRateUpdated",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "saver",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "savingsDeposited",
+        "type": "uint256"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "creditsIssued",
+        "type": "uint256"
+      }
+    ],
+    "name": "SavingsDeposited",
+    "type": "event"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bool",
+        "name": "_enabled",
+        "type": "bool"
+      }
+    ],
+    "name": "automateInterestCollectionFlag",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "creditBalances",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "uint256",
+        "name": "_amount",
+        "type": "uint256"
+      }
+    ],
+    "name": "depositInterest",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "uint256",
+        "name": "_amount",
+        "type": "uint256"
+      }
+    ],
+    "name": "depositSavings",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "creditsIssued",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "exchangeRate",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "nexus",
+    "outputs": [
+      {
+        "internalType": "contract INexus",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "uint256",
+        "name": "_credits",
+        "type": "uint256"
+      }
+    ],
+    "name": "redeem",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "massetReturned",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "totalCredits",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "totalSavings",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  }
+]
diff --git a/templates/react/mstable/packages/contracts/src/abis/savingsManager.json b/templates/react/mstable/packages/contracts/src/abis/savingsManager.json
new file mode 100644
index 00000000..3aa87186
--- /dev/null
+++ b/templates/react/mstable/packages/contracts/src/abis/savingsManager.json
@@ -0,0 +1,479 @@
+[
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_nexus",
+        "type": "address"
+      },
+      {
+        "internalType": "address",
+        "name": "_mUSD",
+        "type": "address"
+      },
+      {
+        "internalType": "address",
+        "name": "_savingsContract",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "constructor"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "mAsset",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "interest",
+        "type": "uint256"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "newTotalSupply",
+        "type": "uint256"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "apy",
+        "type": "uint256"
+      }
+    ],
+    "name": "InterestCollected",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "mAsset",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "amountSent",
+        "type": "uint256"
+      }
+    ],
+    "name": "InterestDistributed",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "mAsset",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "address",
+        "name": "recipient",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "amount",
+        "type": "uint256"
+      }
+    ],
+    "name": "InterestWithdrawnByGovernor",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "mAsset",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "amount",
+        "type": "uint256"
+      }
+    ],
+    "name": "LiquidatorDeposited",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": false,
+        "internalType": "address",
+        "name": "account",
+        "type": "address"
+      }
+    ],
+    "name": "Paused",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "mAsset",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "address",
+        "name": "savingsContract",
+        "type": "address"
+      }
+    ],
+    "name": "SavingsContractAdded",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "mAsset",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "address",
+        "name": "savingsContract",
+        "type": "address"
+      }
+    ],
+    "name": "SavingsContractUpdated",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "newSavingsRate",
+        "type": "uint256"
+      }
+    ],
+    "name": "SavingsRateChanged",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": false,
+        "internalType": "address",
+        "name": "account",
+        "type": "address"
+      }
+    ],
+    "name": "Unpaused",
+    "type": "event"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_mAsset",
+        "type": "address"
+      },
+      {
+        "internalType": "address",
+        "name": "_savingsContract",
+        "type": "address"
+      }
+    ],
+    "name": "addSavingsContract",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_mAsset",
+        "type": "address"
+      }
+    ],
+    "name": "collectAndDistributeInterest",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_mAsset",
+        "type": "address"
+      },
+      {
+        "internalType": "uint256",
+        "name": "_liquidated",
+        "type": "uint256"
+      }
+    ],
+    "name": "depositLiquidation",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "lastCollection",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "lastPeriodStart",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "nexus",
+    "outputs": [
+      {
+        "internalType": "contract INexus",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [],
+    "name": "pause",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "paused",
+    "outputs": [
+      {
+        "internalType": "bool",
+        "name": "",
+        "type": "bool"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "periodYield",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "rewardEnd",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "rewardRate",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "savingsContracts",
+    "outputs": [
+      {
+        "internalType": "contract ISavingsContract",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "uint256",
+        "name": "_savingsRate",
+        "type": "uint256"
+      }
+    ],
+    "name": "setSavingsRate",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [],
+    "name": "unpause",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_mAsset",
+        "type": "address"
+      },
+      {
+        "internalType": "address",
+        "name": "_savingsContract",
+        "type": "address"
+      }
+    ],
+    "name": "updateSavingsContract",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_mAsset",
+        "type": "address"
+      },
+      {
+        "internalType": "address",
+        "name": "_recipient",
+        "type": "address"
+      }
+    ],
+    "name": "withdrawUnallocatedInterest",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  }
+]
diff --git a/templates/react/mstable/packages/contracts/src/addresses.js b/templates/react/mstable/packages/contracts/src/addresses.js
new file mode 100644
index 00000000..a2725a16
--- /dev/null
+++ b/templates/react/mstable/packages/contracts/src/addresses.js
@@ -0,0 +1,20 @@
+/**
+ * See all ids below
+ * https://ethereum.stackexchange.com/questions/17051/how-to-select-a-network-id-or-is-there-a-list-of-network-ids
+ */
+export const MAINNET_ID = 1;
+
+/**
+ * Refer to https://docs.mstable.org/ for the most up-to-date addresses.
+ */
+export default {
+  [MAINNET_ID]: {
+    nexus: "0xAFcE80b19A8cE13DEc0739a1aaB7A028d6845Eb3",
+    savingsContract: "0xcf3F73290803Fc04425BEE135a4Caeb2BaB2C2A1",
+    savingsManager: "0x7046b0BfC4C5EEB90559C0805DD9c1A6f4815370",
+    tokens: {
+      MTA: "0xa3BeD4E1c75D00fa6f4E5E6922DB7261B5E9AcD2",
+      mUSD: "0xe2f2a5C287993345a840Db3B0845fbC70f5935a5",
+    },
+  },
+};
diff --git a/templates/react/mstable/packages/contracts/src/index.js.ctx b/templates/react/mstable/packages/contracts/src/index.js.ctx
new file mode 100644
index 00000000..0967ef42
--- /dev/null
+++ b/templates/react/mstable/packages/contracts/src/index.js.ctx
@@ -0,0 +1 @@
+{}
diff --git a/templates/react/mstable/packages/react-app/README.md.ctx b/templates/react/mstable/packages/react-app/README.md.ctx
new file mode 100644
index 00000000..015d5ecb
--- /dev/null
+++ b/templates/react/mstable/packages/react-app/README.md.ctx
@@ -0,0 +1,3 @@
+{
+  "title": "@mStable-app/react-app"
+}
diff --git a/templates/react/mstable/packages/react-app/package.json.ctx b/templates/react/mstable/packages/react-app/package.json.ctx
new file mode 100644
index 00000000..496a65f4
--- /dev/null
+++ b/templates/react/mstable/packages/react-app/package.json.ctx
@@ -0,0 +1,13 @@
+{
+  "packageName": "@mStable-app/react-app",
+  "dependencies": {
+    "keys": [
+      "@mStable/protocol",
+      "@mStable/mstable-js"
+    ],
+    "values": [
+      "^1.3.0",
+      "^0.1.0-alpha"
+    ]
+  }
+}
diff --git a/templates/react/mstable/packages/react-app/src/App.js.ctx b/templates/react/mstable/packages/react-app/src/App.js.ctx
new file mode 100644
index 00000000..16441a25
--- /dev/null
+++ b/templates/react/mstable/packages/react-app/src/App.js.ctx
@@ -0,0 +1,27 @@
+{
+  "callToAction": "Read On-Chain mAssets",
+  "graphqlQueryName": "GET_MASSETS",
+  "imports": [
+    "import { MAINNET_ID, addresses, abis } from \"@mStable-app/contracts\";",
+    "import GET_MASSETS from \"./graphql/subgraph\";"
+  ],
+  "hooks": {
+    "readData": [
+      "if (!loading && !error && data && data.massets) {",
+      "  console.log({ mAssets: data.massets });",
+      "}"
+    ]
+  },
+  "learnUrl": "https://docs.mstable.org/",
+  "readOnChainData": [
+    "// Should replace with the end-user wallet, e.g. Metamask",
+    "const defaultProvider = getDefaultProvider();",
+    "// Create an instance of an ethers.js Contract",
+    "// Read more about ethers.js on https://docs.ethers.io/v5/api/contract/contract/",
+    "const mUsdContract = new Contract(addresses[MAINNET_ID].tokens.mUSD, abis.mAsset, defaultProvider);",
+    "// Total supply of mUSD",
+    "const mUsdTotalSupply = await mUsdContract.totalSupply();",
+    "console.log({ mUsdTotalSupply });"
+  ],
+  "whatToLearn": "mStable"
+}
diff --git a/templates/react/mstable/packages/react-app/src/graphql/subgraph.js b/templates/react/mstable/packages/react-app/src/graphql/subgraph.js
new file mode 100644
index 00000000..ba06df23
--- /dev/null
+++ b/templates/react/mstable/packages/react-app/src/graphql/subgraph.js
@@ -0,0 +1,20 @@
+import { gql } from "apollo-boost";
+
+// See more example queries on https://thegraph.com/explorer/subgraph/mstable/mstable-protocol
+const GET_MASSETS = gql`
+  {
+    massets(first: 5) {
+      id
+      feeRate
+      token {
+        id
+        decimals
+        name
+        symbol
+        totalSupply
+      }
+    }
+  }
+`;
+
+export default GET_MASSETS;
diff --git a/templates/react/mstable/packages/react-app/src/index.js.ctx b/templates/react/mstable/packages/react-app/src/index.js.ctx
new file mode 100644
index 00000000..e13952bd
--- /dev/null
+++ b/templates/react/mstable/packages/react-app/src/index.js.ctx
@@ -0,0 +1,4 @@
+{
+  "subgraphComment": "// This is the official mStable subgraph. You can replace it with your own, if you need to.",
+  "subgraphUrl": "https://api.thegraph.com/subgraphs/name/mstable/mstable-protocol"
+}
diff --git a/templates/vue/mstable/README.md.ctx b/templates/vue/mstable/README.md.ctx
new file mode 100644
index 00000000..d9d13b1c
--- /dev/null
+++ b/templates/vue/mstable/README.md.ctx
@@ -0,0 +1,11 @@
+{
+  "description": "mStable provides autonomous and non-custodial stablecoin infrastructure. Read more about it in the [official documentation](https://docs.mstable.org/",
+  "packages": [
+    "[contracts](/packages/contracts)",
+    "[vue-app](/packages/vue-app)"
+  ],
+  "subgraphName": "mstable-protocol",
+  "subgraphUrl": "https://thegraph.com/explorer/subgraph/mstable/mstable-protocol",
+  "templateName": "mStable",
+  "templateUrl": "https://github.com/paulrberg/create-eth-app/tree/develop/templates/vue/mstable"
+}
diff --git a/templates/vue/mstable/package.json.ctx b/templates/vue/mstable/package.json.ctx
new file mode 100644
index 00000000..4ac0a806
--- /dev/null
+++ b/templates/vue/mstable/package.json.ctx
@@ -0,0 +1,7 @@
+{
+  "orgName": "@mStable-app",
+  "packageName": "@mStable-app/monorepo",
+  "keywords": [
+    "mstable"
+  ]
+}
diff --git a/templates/vue/mstable/packages/contracts/README.md.ctx b/templates/vue/mstable/packages/contracts/README.md.ctx
new file mode 100644
index 00000000..504b5475
--- /dev/null
+++ b/templates/vue/mstable/packages/contracts/README.md.ctx
@@ -0,0 +1,3 @@
+{
+  "title": "@mStable-app/contracts"
+}
diff --git a/templates/vue/mstable/packages/contracts/package.json.ctx b/templates/vue/mstable/packages/contracts/package.json.ctx
new file mode 100644
index 00000000..27479722
--- /dev/null
+++ b/templates/vue/mstable/packages/contracts/package.json.ctx
@@ -0,0 +1,3 @@
+{
+  "packageName": "@mStable-app/contracts"
+}
diff --git a/templates/vue/mstable/packages/contracts/src/abis.js b/templates/vue/mstable/packages/contracts/src/abis.js
new file mode 100644
index 00000000..994cbc1b
--- /dev/null
+++ b/templates/vue/mstable/packages/contracts/src/abis.js
@@ -0,0 +1,13 @@
+import mAsset from "./abis/mAsset.json";
+import metaToken from "./abis/metaToken.json";
+import nexus from "./abis/nexus.json";
+import savingsContract from "./abis/savingsContract.json";
+import savingsManager from "./abis/savingsManager.json";
+
+export default {
+  mAsset,
+  metaToken,
+  nexus,
+  savingsContract,
+  savingsManager,
+};
diff --git a/templates/vue/mstable/packages/contracts/src/abis/mAsset.json b/templates/vue/mstable/packages/contracts/src/abis/mAsset.json
new file mode 100644
index 00000000..81da8d08
--- /dev/null
+++ b/templates/vue/mstable/packages/contracts/src/abis/mAsset.json
@@ -0,0 +1,453 @@
+[
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "owner", "type": "address" },
+      { "indexed": true, "internalType": "address", "name": "spender", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "value", "type": "uint256" }
+    ],
+    "name": "Approval",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [{ "indexed": false, "internalType": "address", "name": "forgeValidator", "type": "address" }],
+    "name": "ForgeValidatorChanged",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "minter", "type": "address" },
+      { "indexed": false, "internalType": "address", "name": "recipient", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "mAssetQuantity", "type": "uint256" },
+      { "indexed": false, "internalType": "address", "name": "bAsset", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "bAssetQuantity", "type": "uint256" }
+    ],
+    "name": "Minted",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "minter", "type": "address" },
+      { "indexed": false, "internalType": "address", "name": "recipient", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "mAssetQuantity", "type": "uint256" },
+      { "indexed": false, "internalType": "address[]", "name": "bAssets", "type": "address[]" },
+      { "indexed": false, "internalType": "uint256[]", "name": "bAssetQuantities", "type": "uint256[]" }
+    ],
+    "name": "MintedMulti",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "payer", "type": "address" },
+      { "indexed": false, "internalType": "address", "name": "asset", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "feeQuantity", "type": "uint256" }
+    ],
+    "name": "PaidFee",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "redeemer", "type": "address" },
+      { "indexed": false, "internalType": "address", "name": "recipient", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "mAssetQuantity", "type": "uint256" },
+      { "indexed": false, "internalType": "address[]", "name": "bAssets", "type": "address[]" },
+      { "indexed": false, "internalType": "uint256[]", "name": "bAssetQuantities", "type": "uint256[]" }
+    ],
+    "name": "Redeemed",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "redeemer", "type": "address" },
+      { "indexed": false, "internalType": "address", "name": "recipient", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "mAssetQuantity", "type": "uint256" }
+    ],
+    "name": "RedeemedMasset",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [{ "indexed": false, "internalType": "uint256", "name": "fee", "type": "uint256" }],
+    "name": "RedemptionFeeChanged",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [{ "indexed": false, "internalType": "uint256", "name": "fee", "type": "uint256" }],
+    "name": "SwapFeeChanged",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "swapper", "type": "address" },
+      { "indexed": false, "internalType": "address", "name": "input", "type": "address" },
+      { "indexed": false, "internalType": "address", "name": "output", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "outputAmount", "type": "uint256" },
+      { "indexed": false, "internalType": "address", "name": "recipient", "type": "address" }
+    ],
+    "name": "Swapped",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "from", "type": "address" },
+      { "indexed": true, "internalType": "address", "name": "to", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "value", "type": "uint256" }
+    ],
+    "name": "Transfer",
+    "type": "event"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      { "internalType": "address", "name": "owner", "type": "address" },
+      { "internalType": "address", "name": "spender", "type": "address" }
+    ],
+    "name": "allowance",
+    "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "spender", "type": "address" },
+      { "internalType": "uint256", "name": "amount", "type": "uint256" }
+    ],
+    "name": "approve",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [{ "internalType": "address", "name": "account", "type": "address" }],
+    "name": "balanceOf",
+    "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [],
+    "name": "collectInterest",
+    "outputs": [
+      { "internalType": "uint256", "name": "totalInterestGained", "type": "uint256" },
+      { "internalType": "uint256", "name": "newSupply", "type": "uint256" }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "decimals",
+    "outputs": [{ "internalType": "uint8", "name": "", "type": "uint8" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "spender", "type": "address" },
+      { "internalType": "uint256", "name": "subtractedValue", "type": "uint256" }
+    ],
+    "name": "decreaseAllowance",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "forgeValidator",
+    "outputs": [{ "internalType": "contract IForgeValidator", "name": "", "type": "address" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "getBasketManager",
+    "outputs": [{ "internalType": "address", "name": "", "type": "address" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      { "internalType": "address", "name": "_input", "type": "address" },
+      { "internalType": "address", "name": "_output", "type": "address" },
+      { "internalType": "uint256", "name": "_quantity", "type": "uint256" }
+    ],
+    "name": "getSwapOutput",
+    "outputs": [
+      { "internalType": "bool", "name": "", "type": "bool" },
+      { "internalType": "string", "name": "", "type": "string" },
+      { "internalType": "uint256", "name": "output", "type": "uint256" }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "spender", "type": "address" },
+      { "internalType": "uint256", "name": "addedValue", "type": "uint256" }
+    ],
+    "name": "increaseAllowance",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "string", "name": "_nameArg", "type": "string" },
+      { "internalType": "string", "name": "_symbolArg", "type": "string" },
+      { "internalType": "address", "name": "_nexus", "type": "address" },
+      { "internalType": "address", "name": "_forgeValidator", "type": "address" },
+      { "internalType": "address", "name": "_basketManager", "type": "address" }
+    ],
+    "name": "initialize",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [],
+    "name": "lockForgeValidator",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "_bAsset", "type": "address" },
+      { "internalType": "uint256", "name": "_bAssetQuantity", "type": "uint256" }
+    ],
+    "name": "mint",
+    "outputs": [{ "internalType": "uint256", "name": "massetMinted", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address[]", "name": "_bAssets", "type": "address[]" },
+      { "internalType": "uint256[]", "name": "_bAssetQuantity", "type": "uint256[]" },
+      { "internalType": "address", "name": "_recipient", "type": "address" }
+    ],
+    "name": "mintMulti",
+    "outputs": [{ "internalType": "uint256", "name": "massetMinted", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "_bAsset", "type": "address" },
+      { "internalType": "uint256", "name": "_bAssetQuantity", "type": "uint256" },
+      { "internalType": "address", "name": "_recipient", "type": "address" }
+    ],
+    "name": "mintTo",
+    "outputs": [{ "internalType": "uint256", "name": "massetMinted", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "name",
+    "outputs": [{ "internalType": "string", "name": "", "type": "string" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "nexus",
+    "outputs": [{ "internalType": "contract INexus", "name": "", "type": "address" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "_bAsset", "type": "address" },
+      { "internalType": "uint256", "name": "_bAssetQuantity", "type": "uint256" }
+    ],
+    "name": "redeem",
+    "outputs": [{ "internalType": "uint256", "name": "massetRedeemed", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "uint256", "name": "_mAssetQuantity", "type": "uint256" },
+      { "internalType": "address", "name": "_recipient", "type": "address" }
+    ],
+    "name": "redeemMasset",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address[]", "name": "_bAssets", "type": "address[]" },
+      { "internalType": "uint256[]", "name": "_bAssetQuantities", "type": "uint256[]" },
+      { "internalType": "address", "name": "_recipient", "type": "address" }
+    ],
+    "name": "redeemMulti",
+    "outputs": [{ "internalType": "uint256", "name": "massetRedeemed", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "_bAsset", "type": "address" },
+      { "internalType": "uint256", "name": "_bAssetQuantity", "type": "uint256" },
+      { "internalType": "address", "name": "_recipient", "type": "address" }
+    ],
+    "name": "redeemTo",
+    "outputs": [{ "internalType": "uint256", "name": "massetRedeemed", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "redemptionFee",
+    "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [{ "internalType": "uint256", "name": "_redemptionFee", "type": "uint256" }],
+    "name": "setRedemptionFee",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [{ "internalType": "uint256", "name": "_swapFee", "type": "uint256" }],
+    "name": "setSwapFee",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "_input", "type": "address" },
+      { "internalType": "address", "name": "_output", "type": "address" },
+      { "internalType": "uint256", "name": "_quantity", "type": "uint256" },
+      { "internalType": "address", "name": "_recipient", "type": "address" }
+    ],
+    "name": "swap",
+    "outputs": [{ "internalType": "uint256", "name": "output", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "swapFee",
+    "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "symbol",
+    "outputs": [{ "internalType": "string", "name": "", "type": "string" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "totalSupply",
+    "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "recipient", "type": "address" },
+      { "internalType": "uint256", "name": "amount", "type": "uint256" }
+    ],
+    "name": "transfer",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "sender", "type": "address" },
+      { "internalType": "address", "name": "recipient", "type": "address" },
+      { "internalType": "uint256", "name": "amount", "type": "uint256" }
+    ],
+    "name": "transferFrom",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [{ "internalType": "address", "name": "_newForgeValidator", "type": "address" }],
+    "name": "upgradeForgeValidator",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  }
+]
diff --git a/templates/vue/mstable/packages/contracts/src/abis/metaToken.json b/templates/vue/mstable/packages/contracts/src/abis/metaToken.json
new file mode 100644
index 00000000..a604f31b
--- /dev/null
+++ b/templates/vue/mstable/packages/contracts/src/abis/metaToken.json
@@ -0,0 +1,239 @@
+[
+  {
+    "inputs": [
+      { "internalType": "address", "name": "_nexus", "type": "address" },
+      { "internalType": "address", "name": "_initialRecipient", "type": "address" }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "constructor"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "owner", "type": "address" },
+      { "indexed": true, "internalType": "address", "name": "spender", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "value", "type": "uint256" }
+    ],
+    "name": "Approval",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [{ "indexed": true, "internalType": "address", "name": "account", "type": "address" }],
+    "name": "MinterAdded",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [{ "indexed": true, "internalType": "address", "name": "account", "type": "address" }],
+    "name": "MinterRemoved",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      { "indexed": true, "internalType": "address", "name": "from", "type": "address" },
+      { "indexed": true, "internalType": "address", "name": "to", "type": "address" },
+      { "indexed": false, "internalType": "uint256", "name": "value", "type": "uint256" }
+    ],
+    "name": "Transfer",
+    "type": "event"
+  },
+  {
+    "constant": false,
+    "inputs": [{ "internalType": "address", "name": "account", "type": "address" }],
+    "name": "addMinter",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      { "internalType": "address", "name": "owner", "type": "address" },
+      { "internalType": "address", "name": "spender", "type": "address" }
+    ],
+    "name": "allowance",
+    "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "spender", "type": "address" },
+      { "internalType": "uint256", "name": "amount", "type": "uint256" }
+    ],
+    "name": "approve",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [{ "internalType": "address", "name": "account", "type": "address" }],
+    "name": "balanceOf",
+    "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [{ "internalType": "uint256", "name": "amount", "type": "uint256" }],
+    "name": "burn",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "account", "type": "address" },
+      { "internalType": "uint256", "name": "amount", "type": "uint256" }
+    ],
+    "name": "burnFrom",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "decimals",
+    "outputs": [{ "internalType": "uint8", "name": "", "type": "uint8" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "spender", "type": "address" },
+      { "internalType": "uint256", "name": "subtractedValue", "type": "uint256" }
+    ],
+    "name": "decreaseAllowance",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "spender", "type": "address" },
+      { "internalType": "uint256", "name": "addedValue", "type": "uint256" }
+    ],
+    "name": "increaseAllowance",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [{ "internalType": "address", "name": "account", "type": "address" }],
+    "name": "isMinter",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "account", "type": "address" },
+      { "internalType": "uint256", "name": "amount", "type": "uint256" }
+    ],
+    "name": "mint",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "name",
+    "outputs": [{ "internalType": "string", "name": "", "type": "string" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "nexus",
+    "outputs": [{ "internalType": "contract INexus", "name": "", "type": "address" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [{ "internalType": "address", "name": "account", "type": "address" }],
+    "name": "removeMinter",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [],
+    "name": "renounceMinter",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "symbol",
+    "outputs": [{ "internalType": "string", "name": "", "type": "string" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "totalSupply",
+    "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "recipient", "type": "address" },
+      { "internalType": "uint256", "name": "amount", "type": "uint256" }
+    ],
+    "name": "transfer",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      { "internalType": "address", "name": "sender", "type": "address" },
+      { "internalType": "address", "name": "recipient", "type": "address" },
+      { "internalType": "uint256", "name": "amount", "type": "uint256" }
+    ],
+    "name": "transferFrom",
+    "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  }
+]
diff --git a/templates/vue/mstable/packages/contracts/src/abis/nexus.json b/templates/vue/mstable/packages/contracts/src/abis/nexus.json
new file mode 100644
index 00000000..e4d5b6b1
--- /dev/null
+++ b/templates/vue/mstable/packages/contracts/src/abis/nexus.json
@@ -0,0 +1,606 @@
+[
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_governorAddr",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "constructor"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "governor",
+        "type": "address"
+      },
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "proposed",
+        "type": "address"
+      }
+    ],
+    "name": "GovernorChangeCancelled",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "proposedGovernor",
+        "type": "address"
+      }
+    ],
+    "name": "GovernorChangeClaimed",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "governor",
+        "type": "address"
+      },
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "proposed",
+        "type": "address"
+      }
+    ],
+    "name": "GovernorChangeRequested",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "previousGovernor",
+        "type": "address"
+      },
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "newGovernor",
+        "type": "address"
+      }
+    ],
+    "name": "GovernorChanged",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "bytes32",
+        "name": "key",
+        "type": "bytes32"
+      },
+      {
+        "indexed": false,
+        "internalType": "address",
+        "name": "addr",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "bool",
+        "name": "isLocked",
+        "type": "bool"
+      }
+    ],
+    "name": "ModuleAdded",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "bytes32",
+        "name": "key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "ModuleCancelled",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "bytes32",
+        "name": "key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "ModuleLockCancelled",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "bytes32",
+        "name": "key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "ModuleLockEnabled",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "bytes32",
+        "name": "key",
+        "type": "bytes32"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "timestamp",
+        "type": "uint256"
+      }
+    ],
+    "name": "ModuleLockRequested",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "bytes32",
+        "name": "key",
+        "type": "bytes32"
+      },
+      {
+        "indexed": false,
+        "internalType": "address",
+        "name": "addr",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "timestamp",
+        "type": "uint256"
+      }
+    ],
+    "name": "ModuleProposed",
+    "type": "event"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "UPGRADE_DELAY",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "_key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "acceptProposedModule",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bytes32[]",
+        "name": "_keys",
+        "type": "bytes32[]"
+      }
+    ],
+    "name": "acceptProposedModules",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [],
+    "name": "cancelGovernorChange",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "_key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "cancelLockModule",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "_key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "cancelProposedModule",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "changeGovernor",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [],
+    "name": "claimGovernorChange",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "delay",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "_key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "getModule",
+    "outputs": [
+      {
+        "internalType": "address",
+        "name": "addr",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "governor",
+    "outputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bytes32[]",
+        "name": "_keys",
+        "type": "bytes32[]"
+      },
+      {
+        "internalType": "address[]",
+        "name": "_addresses",
+        "type": "address[]"
+      },
+      {
+        "internalType": "bool[]",
+        "name": "_isLocked",
+        "type": "bool[]"
+      },
+      {
+        "internalType": "address",
+        "name": "_governorAddr",
+        "type": "address"
+      }
+    ],
+    "name": "initialize",
+    "outputs": [
+      {
+        "internalType": "bool",
+        "name": "",
+        "type": "bool"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "initialized",
+    "outputs": [
+      {
+        "internalType": "bool",
+        "name": "",
+        "type": "bool"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "isGovernor",
+    "outputs": [
+      {
+        "internalType": "bool",
+        "name": "",
+        "type": "bool"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "_key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "lockModule",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "_key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "moduleExists",
+    "outputs": [
+      {
+        "internalType": "bool",
+        "name": "",
+        "type": "bool"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "",
+        "type": "bytes32"
+      }
+    ],
+    "name": "modules",
+    "outputs": [
+      {
+        "internalType": "address",
+        "name": "addr",
+        "type": "address"
+      },
+      {
+        "internalType": "bool",
+        "name": "isLocked",
+        "type": "bool"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "_key",
+        "type": "bytes32"
+      },
+      {
+        "internalType": "address",
+        "name": "_addr",
+        "type": "address"
+      }
+    ],
+    "name": "proposeModule",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "proposedGovernor",
+    "outputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "",
+        "type": "bytes32"
+      }
+    ],
+    "name": "proposedLockModules",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "",
+        "type": "bytes32"
+      }
+    ],
+    "name": "proposedModules",
+    "outputs": [
+      {
+        "internalType": "address",
+        "name": "newAddress",
+        "type": "address"
+      },
+      {
+        "internalType": "uint256",
+        "name": "timestamp",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_proposedGovernor",
+        "type": "address"
+      }
+    ],
+    "name": "requestGovernorChange",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bytes32",
+        "name": "_key",
+        "type": "bytes32"
+      }
+    ],
+    "name": "requestLockModule",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "requestTime",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  }
+]
diff --git a/templates/vue/mstable/packages/contracts/src/abis/savingsContract.json b/templates/vue/mstable/packages/contracts/src/abis/savingsContract.json
new file mode 100644
index 00000000..0403e014
--- /dev/null
+++ b/templates/vue/mstable/packages/contracts/src/abis/savingsContract.json
@@ -0,0 +1,254 @@
+[
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_nexus",
+        "type": "address"
+      },
+      {
+        "internalType": "contract IERC20",
+        "name": "_mUSD",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "constructor"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": false,
+        "internalType": "bool",
+        "name": "automationEnabled",
+        "type": "bool"
+      }
+    ],
+    "name": "AutomaticInterestCollectionSwitched",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "redeemer",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "creditsRedeemed",
+        "type": "uint256"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "savingsCredited",
+        "type": "uint256"
+      }
+    ],
+    "name": "CreditsRedeemed",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "newExchangeRate",
+        "type": "uint256"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "interestCollected",
+        "type": "uint256"
+      }
+    ],
+    "name": "ExchangeRateUpdated",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "saver",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "savingsDeposited",
+        "type": "uint256"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "creditsIssued",
+        "type": "uint256"
+      }
+    ],
+    "name": "SavingsDeposited",
+    "type": "event"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "bool",
+        "name": "_enabled",
+        "type": "bool"
+      }
+    ],
+    "name": "automateInterestCollectionFlag",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "creditBalances",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "uint256",
+        "name": "_amount",
+        "type": "uint256"
+      }
+    ],
+    "name": "depositInterest",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "uint256",
+        "name": "_amount",
+        "type": "uint256"
+      }
+    ],
+    "name": "depositSavings",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "creditsIssued",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "exchangeRate",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "nexus",
+    "outputs": [
+      {
+        "internalType": "contract INexus",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "uint256",
+        "name": "_credits",
+        "type": "uint256"
+      }
+    ],
+    "name": "redeem",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "massetReturned",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "totalCredits",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "totalSavings",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  }
+]
diff --git a/templates/vue/mstable/packages/contracts/src/abis/savingsManager.json b/templates/vue/mstable/packages/contracts/src/abis/savingsManager.json
new file mode 100644
index 00000000..3aa87186
--- /dev/null
+++ b/templates/vue/mstable/packages/contracts/src/abis/savingsManager.json
@@ -0,0 +1,479 @@
+[
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_nexus",
+        "type": "address"
+      },
+      {
+        "internalType": "address",
+        "name": "_mUSD",
+        "type": "address"
+      },
+      {
+        "internalType": "address",
+        "name": "_savingsContract",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "constructor"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "mAsset",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "interest",
+        "type": "uint256"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "newTotalSupply",
+        "type": "uint256"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "apy",
+        "type": "uint256"
+      }
+    ],
+    "name": "InterestCollected",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "mAsset",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "amountSent",
+        "type": "uint256"
+      }
+    ],
+    "name": "InterestDistributed",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "mAsset",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "address",
+        "name": "recipient",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "amount",
+        "type": "uint256"
+      }
+    ],
+    "name": "InterestWithdrawnByGovernor",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "mAsset",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "amount",
+        "type": "uint256"
+      }
+    ],
+    "name": "LiquidatorDeposited",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": false,
+        "internalType": "address",
+        "name": "account",
+        "type": "address"
+      }
+    ],
+    "name": "Paused",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "mAsset",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "address",
+        "name": "savingsContract",
+        "type": "address"
+      }
+    ],
+    "name": "SavingsContractAdded",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "mAsset",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "address",
+        "name": "savingsContract",
+        "type": "address"
+      }
+    ],
+    "name": "SavingsContractUpdated",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "newSavingsRate",
+        "type": "uint256"
+      }
+    ],
+    "name": "SavingsRateChanged",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": false,
+        "internalType": "address",
+        "name": "account",
+        "type": "address"
+      }
+    ],
+    "name": "Unpaused",
+    "type": "event"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_mAsset",
+        "type": "address"
+      },
+      {
+        "internalType": "address",
+        "name": "_savingsContract",
+        "type": "address"
+      }
+    ],
+    "name": "addSavingsContract",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_mAsset",
+        "type": "address"
+      }
+    ],
+    "name": "collectAndDistributeInterest",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_mAsset",
+        "type": "address"
+      },
+      {
+        "internalType": "uint256",
+        "name": "_liquidated",
+        "type": "uint256"
+      }
+    ],
+    "name": "depositLiquidation",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "lastCollection",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "lastPeriodStart",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "nexus",
+    "outputs": [
+      {
+        "internalType": "contract INexus",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [],
+    "name": "pause",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [],
+    "name": "paused",
+    "outputs": [
+      {
+        "internalType": "bool",
+        "name": "",
+        "type": "bool"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "periodYield",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "rewardEnd",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "rewardRate",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "",
+        "type": "uint256"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": true,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "savingsContracts",
+    "outputs": [
+      {
+        "internalType": "contract ISavingsContract",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "payable": false,
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "uint256",
+        "name": "_savingsRate",
+        "type": "uint256"
+      }
+    ],
+    "name": "setSavingsRate",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [],
+    "name": "unpause",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_mAsset",
+        "type": "address"
+      },
+      {
+        "internalType": "address",
+        "name": "_savingsContract",
+        "type": "address"
+      }
+    ],
+    "name": "updateSavingsContract",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "constant": false,
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_mAsset",
+        "type": "address"
+      },
+      {
+        "internalType": "address",
+        "name": "_recipient",
+        "type": "address"
+      }
+    ],
+    "name": "withdrawUnallocatedInterest",
+    "outputs": [],
+    "payable": false,
+    "stateMutability": "nonpayable",
+    "type": "function"
+  }
+]
diff --git a/templates/vue/mstable/packages/contracts/src/addresses.js b/templates/vue/mstable/packages/contracts/src/addresses.js
new file mode 100644
index 00000000..a2725a16
--- /dev/null
+++ b/templates/vue/mstable/packages/contracts/src/addresses.js
@@ -0,0 +1,20 @@
+/**
+ * See all ids below
+ * https://ethereum.stackexchange.com/questions/17051/how-to-select-a-network-id-or-is-there-a-list-of-network-ids
+ */
+export const MAINNET_ID = 1;
+
+/**
+ * Refer to https://docs.mstable.org/ for the most up-to-date addresses.
+ */
+export default {
+  [MAINNET_ID]: {
+    nexus: "0xAFcE80b19A8cE13DEc0739a1aaB7A028d6845Eb3",
+    savingsContract: "0xcf3F73290803Fc04425BEE135a4Caeb2BaB2C2A1",
+    savingsManager: "0x7046b0BfC4C5EEB90559C0805DD9c1A6f4815370",
+    tokens: {
+      MTA: "0xa3BeD4E1c75D00fa6f4E5E6922DB7261B5E9AcD2",
+      mUSD: "0xe2f2a5C287993345a840Db3B0845fbC70f5935a5",
+    },
+  },
+};
diff --git a/templates/vue/mstable/packages/contracts/src/index.js.ctx b/templates/vue/mstable/packages/contracts/src/index.js.ctx
new file mode 100644
index 00000000..0967ef42
--- /dev/null
+++ b/templates/vue/mstable/packages/contracts/src/index.js.ctx
@@ -0,0 +1 @@
+{}
diff --git a/templates/vue/mstable/packages/vue-app/README.md.ctx b/templates/vue/mstable/packages/vue-app/README.md.ctx
new file mode 100644
index 00000000..c4a8e661
--- /dev/null
+++ b/templates/vue/mstable/packages/vue-app/README.md.ctx
@@ -0,0 +1,3 @@
+{
+  "title": "@mStable-app/vue-app"
+}
diff --git a/templates/vue/mstable/packages/vue-app/package.json.ctx b/templates/vue/mstable/packages/vue-app/package.json.ctx
new file mode 100644
index 00000000..496a65f4
--- /dev/null
+++ b/templates/vue/mstable/packages/vue-app/package.json.ctx
@@ -0,0 +1,13 @@
+{
+  "packageName": "@mStable-app/react-app",
+  "dependencies": {
+    "keys": [
+      "@mStable/protocol",
+      "@mStable/mstable-js"
+    ],
+    "values": [
+      "^1.3.0",
+      "^0.1.0-alpha"
+    ]
+  }
+}
diff --git a/templates/vue/mstable/packages/vue-app/src/components/HelloWorld.vue.ctx b/templates/vue/mstable/packages/vue-app/src/components/HelloWorld.vue.ctx
new file mode 100644
index 00000000..0befc8cd
--- /dev/null
+++ b/templates/vue/mstable/packages/vue-app/src/components/HelloWorld.vue.ctx
@@ -0,0 +1,40 @@
+{
+  "callToAction": "Read On-Chain mAssets",
+  "graphqlQueryName": "GET_MASSETS",
+  "imports": [
+    "import { MAINNET_ID, addresses, abis } from \"@maker-app/contracts\";",
+    "import GET_MASSETS from \"../graphql/subgraph\";"
+  ],
+  "learnItems": [
+    {
+      "label": "Core Docs",
+      "url": "https://docs.mstable.org/"
+    },
+    {
+      "label": "Community Chat",
+      "url": "https://discord.gg/pgCVG7e/"
+    },
+    {
+      "label": "Twitter",
+      "url": "https://twitter.com/mstable_"
+    }
+  ],
+  "mounted": {
+    "readData": [
+      "if (!loading && !stale && data && data.massets) {",
+      "  console.log({ mAssets: data.massets });",
+      "}"
+    ]
+  },
+  "readOnChainData": [
+    "// Should replace with the end-user wallet, e.g. Metamask",
+    "const defaultProvider = getDefaultProvider();",
+    "// Create an instance of an ethers.js Contract",
+    "// Read more about ethers.js on https://docs.ethers.io/v5/api/contract/contract/",
+    "const mUsdContract = new Contract(addresses[MAINNET_ID].tokens.mUSD, abis.mAsset, defaultProvider);",
+    "// Total supply of mUSD",
+    "const mUsdTotalSupply = await mUsdContract.totalSupply();",
+    "console.log({ mUsdTotalSupply });"
+  ],
+  "whatToLearn": "mStable"
+}
diff --git a/templates/vue/mstable/packages/vue-app/src/graphql/subgraph.js b/templates/vue/mstable/packages/vue-app/src/graphql/subgraph.js
new file mode 100644
index 00000000..ba06df23
--- /dev/null
+++ b/templates/vue/mstable/packages/vue-app/src/graphql/subgraph.js
@@ -0,0 +1,20 @@
+import { gql } from "apollo-boost";
+
+// See more example queries on https://thegraph.com/explorer/subgraph/mstable/mstable-protocol
+const GET_MASSETS = gql`
+  {
+    massets(first: 5) {
+      id
+      feeRate
+      token {
+        id
+        decimals
+        name
+        symbol
+        totalSupply
+      }
+    }
+  }
+`;
+
+export default GET_MASSETS;
diff --git a/templates/vue/mstable/packages/vue-app/src/main.js.ctx b/templates/vue/mstable/packages/vue-app/src/main.js.ctx
new file mode 100644
index 00000000..debb4bde
--- /dev/null
+++ b/templates/vue/mstable/packages/vue-app/src/main.js.ctx
@@ -0,0 +1,3 @@
+{
+  "subgraphUrl": "https://api.thegraph.com/subgraphs/name/mstable/mstable-protocol"
+}
diff --git a/test/integration/templates.test.ts b/test/integration/templates.test.ts
index d6ec5b38..05246e62 100644
--- a/test/integration/templates.test.ts
+++ b/test/integration/templates.test.ts
@@ -12,27 +12,27 @@ const templateTable = Templates.map(template => {
   return [template];
 });
 
-describe("templates", function () {
+describe("templates", function() {
   let getRefsMock: jest.SpyInstance;
 
-  beforeAll(function () {
+  beforeAll(function() {
     getRefsMock = jest.spyOn(envHelpers, "getRefs");
   });
 
-  describe("downloadAndExtractTemplateContext", function () {
+  describe("downloadAndExtractTemplateContext", function() {
     let testDirPath: string;
 
-    beforeEach(function () {
+    beforeEach(function() {
       testDirPath = tempy.directory();
     });
 
-    describe("when the framework = react", function () {
+    describe("when the framework = react", function() {
       const framework: FrameworkKey = "react";
 
       describe.each(templateTable)("when the template = %s", function (template: TemplateKey) {
         const sourceCodePath: string = path.join(__dirname, "..", "..", "templates", framework, template);
 
-        test("it works", async function () {
+        test("it works", async function() {
           try {
             await downloadAndExtractTemplateContext(testDirPath, framework, template);
           } catch (error) {
@@ -44,15 +44,15 @@ describe("templates", function () {
       });
     });
 
-    describe("when the framework = vue", function () {
+    describe("when the framework = vue", function() {
       const framework: FrameworkKey = "vue";
 
       describe.each(templateTable)("when the template = %s", function (template: TemplateKey) {
         const sourceCodePath: string = path.join(__dirname, "..", "..", "templates", framework, template);
 
-        test("it works", async function () {
+        test("it works", async function() {
           try {
-            await downloadAndExtractTemplateContext(testDirPath, framework, template);
+          await downloadAndExtractTemplateContext(testDirPath, framework, template);
           } catch (error) {
             console.log({ error });
           }
@@ -62,83 +62,83 @@ describe("templates", function () {
       });
     });
 
-    afterEach(function () {
+    afterEach(function() {
       fsExtra.removeSync(testDirPath);
     });
   });
 
-  describe("hasTemplate", function () {
-    describe("when the framework is not valid", function () {
+  describe("hasTemplate", function() {
+    describe("when the framework is not valid", function() {
       const framework: string = "angular";
       const template: string = "default";
       const ref: string = "develop";
 
-      beforeEach(function () {
+      beforeEach(function() {
         getRefsMock.mockReturnValueOnce({ ref, tarGzRef: ref });
       });
 
-      test("it returns false", async function () {
+      test("it returns false", async function() {
         const result: boolean = await hasTemplate(framework, template);
         expect(result).toBe(false);
       });
     });
 
-    describe("when the framework is valid", function () {
+    describe("when the framework is valid", function() {
       const framework: string = "react";
 
-      describe("when the template is not valid", function () {
+      describe("when the template is not valid", function() {
         const framework: string = "react";
         const template: string = "bitconnect";
         const ref: string = "develop";
 
-        beforeEach(function () {
+        beforeEach(function() {
           getRefsMock.mockReturnValueOnce({ ref, tarGzRef: ref });
         });
 
-        test("it returns false", async function () {
+        test("it returns false", async function() {
           const result: boolean = await hasTemplate(framework, template);
           expect(result).toBe(false);
         });
       });
 
-      describe("when the template is valid", function () {
+      describe("when the template is valid", function() {
         const template: string = "default";
 
-        describe("when the ref is not valid", function () {
+        describe("when the ref is not valid", function() {
           const ref: string = "invalid-ref";
 
-          beforeEach(function () {
+          beforeEach(function() {
             getRefsMock.mockReturnValueOnce({ ref, tarGzRef: ref });
           });
 
-          test("it returns false", async function () {
+          test("it returns false", async function() {
             const result: boolean = await hasTemplate(framework, template);
             expect(result).toBe(false);
           });
         });
 
-        describe("when the ref is valid", function () {
-          describe("when the ref is a branch", function () {
+        describe("when the ref is valid", function() {
+          describe("when the ref is a branch", function() {
             const ref: string = "develop";
 
-            beforeEach(function () {
+            beforeEach(function() {
               getRefsMock.mockReturnValueOnce({ ref, tarGzRef: ref });
             });
 
-            test("it returns true", async function () {
+            test("it returns true", async function() {
               const result: boolean = await hasTemplate(framework, template);
               expect(result).toBe(true);
             });
           });
 
-          describe("when the ref is a semver", function () {
+          describe("when the ref is a semver", function() {
             const tarGzRef: string = "1.5.0";
 
-            beforeEach(function () {
+            beforeEach(function() {
               getRefsMock.mockReturnValueOnce({ ref: "v" + tarGzRef, tarGzRef });
             });
 
-            test("it returns true", async function () {
+            test("it returns true", async function() {
               const result: boolean = await hasTemplate(framework, template);
               expect(result).toBe(true);
             });
@@ -148,7 +148,7 @@ describe("templates", function () {
     });
   });
 
-  afterAll(function () {
+  afterAll(function() {
     getRefsMock.mockRestore();
   });
 });

From 6360f85827d4e4fc7b0ba022e598967dda16d153 Mon Sep 17 00:00:00 2001
From: Paul Razvan Berg <hello@paulrberg.com>
Date: Sat, 14 Nov 2020 14:27:50 +0200
Subject: [PATCH 2/5] style: apply prettier

---
 .eslintignore                      |  3 +-
 test/integration/templates.test.ts | 58 +++++++++++++++---------------
 2 files changed, 30 insertions(+), 31 deletions(-)

diff --git a/.eslintignore b/.eslintignore
index 56723e5d..01bd7b53 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,10 +1,9 @@
 # folders
+.vscode/
 dist/
 handlebars/
 templates/
 
 # files
-.solcover.js
-coverage.json
 jest.config.js
 jest.setup.js
diff --git a/test/integration/templates.test.ts b/test/integration/templates.test.ts
index 05246e62..126cec7c 100644
--- a/test/integration/templates.test.ts
+++ b/test/integration/templates.test.ts
@@ -12,27 +12,27 @@ const templateTable = Templates.map(template => {
   return [template];
 });
 
-describe("templates", function() {
+describe("templates", function () {
   let getRefsMock: jest.SpyInstance;
 
-  beforeAll(function() {
+  beforeAll(function () {
     getRefsMock = jest.spyOn(envHelpers, "getRefs");
   });
 
-  describe("downloadAndExtractTemplateContext", function() {
+  describe("downloadAndExtractTemplateContext", function () {
     let testDirPath: string;
 
-    beforeEach(function() {
+    beforeEach(function () {
       testDirPath = tempy.directory();
     });
 
-    describe("when the framework = react", function() {
+    describe("when the framework = react", function () {
       const framework: FrameworkKey = "react";
 
       describe.each(templateTable)("when the template = %s", function (template: TemplateKey) {
         const sourceCodePath: string = path.join(__dirname, "..", "..", "templates", framework, template);
 
-        test("it works", async function() {
+        test("it works", async function () {
           try {
             await downloadAndExtractTemplateContext(testDirPath, framework, template);
           } catch (error) {
@@ -44,13 +44,13 @@ describe("templates", function() {
       });
     });
 
-    describe("when the framework = vue", function() {
+    describe("when the framework = vue", function () {
       const framework: FrameworkKey = "vue";
 
       describe.each(templateTable)("when the template = %s", function (template: TemplateKey) {
         const sourceCodePath: string = path.join(__dirname, "..", "..", "templates", framework, template);
 
-        test("it works", async function() {
+        test("it works", async function () {
           try {
           await downloadAndExtractTemplateContext(testDirPath, framework, template);
           } catch (error) {
@@ -62,83 +62,83 @@ describe("templates", function() {
       });
     });
 
-    afterEach(function() {
+    afterEach(function () {
       fsExtra.removeSync(testDirPath);
     });
   });
 
-  describe("hasTemplate", function() {
-    describe("when the framework is not valid", function() {
+  describe("hasTemplate", function () {
+    describe("when the framework is not valid", function () {
       const framework: string = "angular";
       const template: string = "default";
       const ref: string = "develop";
 
-      beforeEach(function() {
+      beforeEach(function () {
         getRefsMock.mockReturnValueOnce({ ref, tarGzRef: ref });
       });
 
-      test("it returns false", async function() {
+      test("it returns false", async function () {
         const result: boolean = await hasTemplate(framework, template);
         expect(result).toBe(false);
       });
     });
 
-    describe("when the framework is valid", function() {
+    describe("when the framework is valid", function () {
       const framework: string = "react";
 
-      describe("when the template is not valid", function() {
+      describe("when the template is not valid", function () {
         const framework: string = "react";
         const template: string = "bitconnect";
         const ref: string = "develop";
 
-        beforeEach(function() {
+        beforeEach(function () {
           getRefsMock.mockReturnValueOnce({ ref, tarGzRef: ref });
         });
 
-        test("it returns false", async function() {
+        test("it returns false", async function () {
           const result: boolean = await hasTemplate(framework, template);
           expect(result).toBe(false);
         });
       });
 
-      describe("when the template is valid", function() {
+      describe("when the template is valid", function () {
         const template: string = "default";
 
-        describe("when the ref is not valid", function() {
+        describe("when the ref is not valid", function () {
           const ref: string = "invalid-ref";
 
-          beforeEach(function() {
+          beforeEach(function () {
             getRefsMock.mockReturnValueOnce({ ref, tarGzRef: ref });
           });
 
-          test("it returns false", async function() {
+          test("it returns false", async function () {
             const result: boolean = await hasTemplate(framework, template);
             expect(result).toBe(false);
           });
         });
 
-        describe("when the ref is valid", function() {
-          describe("when the ref is a branch", function() {
+        describe("when the ref is valid", function () {
+          describe("when the ref is a branch", function () {
             const ref: string = "develop";
 
-            beforeEach(function() {
+            beforeEach(function () {
               getRefsMock.mockReturnValueOnce({ ref, tarGzRef: ref });
             });
 
-            test("it returns true", async function() {
+            test("it returns true", async function () {
               const result: boolean = await hasTemplate(framework, template);
               expect(result).toBe(true);
             });
           });
 
-          describe("when the ref is a semver", function() {
+          describe("when the ref is a semver", function () {
             const tarGzRef: string = "1.5.0";
 
-            beforeEach(function() {
+            beforeEach(function () {
               getRefsMock.mockReturnValueOnce({ ref: "v" + tarGzRef, tarGzRef });
             });
 
-            test("it returns true", async function() {
+            test("it returns true", async function () {
               const result: boolean = await hasTemplate(framework, template);
               expect(result).toBe(true);
             });
@@ -148,7 +148,7 @@ describe("templates", function() {
     });
   });
 
-  afterAll(function() {
+  afterAll(function () {
     getRefsMock.mockRestore();
   });
 });

From b6e93a51924676a0becc582f43a0c8bbd95086f6 Mon Sep 17 00:00:00 2001
From: Paul Razvan Berg <hello@paulrberg.com>
Date: Sat, 14 Nov 2020 14:49:29 +0200
Subject: [PATCH 3/5] fix: make package names all-lowercase

fix: wrong package name in mstable vue-app
---
 templates/react/mstable/package.json.ctx                    | 4 ++--
 templates/react/mstable/packages/contracts/README.md.ctx    | 2 +-
 templates/react/mstable/packages/contracts/package.json.ctx | 2 +-
 templates/react/mstable/packages/react-app/README.md.ctx    | 2 +-
 templates/react/mstable/packages/react-app/package.json.ctx | 6 +++---
 templates/react/mstable/packages/react-app/src/App.js.ctx   | 2 +-
 templates/vue/mstable/package.json.ctx                      | 4 ++--
 templates/vue/mstable/packages/contracts/README.md.ctx      | 2 +-
 templates/vue/mstable/packages/contracts/package.json.ctx   | 2 +-
 templates/vue/mstable/packages/vue-app/README.md.ctx        | 2 +-
 templates/vue/mstable/packages/vue-app/package.json.ctx     | 6 +++---
 .../packages/vue-app/src/components/HelloWorld.vue.ctx      | 2 +-
 12 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/templates/react/mstable/package.json.ctx b/templates/react/mstable/package.json.ctx
index 4ac0a806..f04b4dd4 100644
--- a/templates/react/mstable/package.json.ctx
+++ b/templates/react/mstable/package.json.ctx
@@ -1,6 +1,6 @@
 {
-  "orgName": "@mStable-app",
-  "packageName": "@mStable-app/monorepo",
+  "orgName": "@mstable-app",
+  "packageName": "@mstable-app/monorepo",
   "keywords": [
     "mstable"
   ]
diff --git a/templates/react/mstable/packages/contracts/README.md.ctx b/templates/react/mstable/packages/contracts/README.md.ctx
index 504b5475..4f81ece8 100644
--- a/templates/react/mstable/packages/contracts/README.md.ctx
+++ b/templates/react/mstable/packages/contracts/README.md.ctx
@@ -1,3 +1,3 @@
 {
-  "title": "@mStable-app/contracts"
+  "title": "@mstable-app/contracts"
 }
diff --git a/templates/react/mstable/packages/contracts/package.json.ctx b/templates/react/mstable/packages/contracts/package.json.ctx
index 27479722..4ff80585 100644
--- a/templates/react/mstable/packages/contracts/package.json.ctx
+++ b/templates/react/mstable/packages/contracts/package.json.ctx
@@ -1,3 +1,3 @@
 {
-  "packageName": "@mStable-app/contracts"
+  "packageName": "@mstable-app/contracts"
 }
diff --git a/templates/react/mstable/packages/react-app/README.md.ctx b/templates/react/mstable/packages/react-app/README.md.ctx
index 015d5ecb..c76d2b59 100644
--- a/templates/react/mstable/packages/react-app/README.md.ctx
+++ b/templates/react/mstable/packages/react-app/README.md.ctx
@@ -1,3 +1,3 @@
 {
-  "title": "@mStable-app/react-app"
+  "title": "@mstable-app/react-app"
 }
diff --git a/templates/react/mstable/packages/react-app/package.json.ctx b/templates/react/mstable/packages/react-app/package.json.ctx
index 496a65f4..96052091 100644
--- a/templates/react/mstable/packages/react-app/package.json.ctx
+++ b/templates/react/mstable/packages/react-app/package.json.ctx
@@ -1,9 +1,9 @@
 {
-  "packageName": "@mStable-app/react-app",
+  "packageName": "@mstable-app/react-app",
   "dependencies": {
     "keys": [
-      "@mStable/protocol",
-      "@mStable/mstable-js"
+      "@mstable/protocol",
+      "@mstable/mstable-js"
     ],
     "values": [
       "^1.3.0",
diff --git a/templates/react/mstable/packages/react-app/src/App.js.ctx b/templates/react/mstable/packages/react-app/src/App.js.ctx
index 16441a25..f8157d4b 100644
--- a/templates/react/mstable/packages/react-app/src/App.js.ctx
+++ b/templates/react/mstable/packages/react-app/src/App.js.ctx
@@ -2,7 +2,7 @@
   "callToAction": "Read On-Chain mAssets",
   "graphqlQueryName": "GET_MASSETS",
   "imports": [
-    "import { MAINNET_ID, addresses, abis } from \"@mStable-app/contracts\";",
+    "import { MAINNET_ID, addresses, abis } from \"@mstable-app/contracts\";",
     "import GET_MASSETS from \"./graphql/subgraph\";"
   ],
   "hooks": {
diff --git a/templates/vue/mstable/package.json.ctx b/templates/vue/mstable/package.json.ctx
index 4ac0a806..f04b4dd4 100644
--- a/templates/vue/mstable/package.json.ctx
+++ b/templates/vue/mstable/package.json.ctx
@@ -1,6 +1,6 @@
 {
-  "orgName": "@mStable-app",
-  "packageName": "@mStable-app/monorepo",
+  "orgName": "@mstable-app",
+  "packageName": "@mstable-app/monorepo",
   "keywords": [
     "mstable"
   ]
diff --git a/templates/vue/mstable/packages/contracts/README.md.ctx b/templates/vue/mstable/packages/contracts/README.md.ctx
index 504b5475..4f81ece8 100644
--- a/templates/vue/mstable/packages/contracts/README.md.ctx
+++ b/templates/vue/mstable/packages/contracts/README.md.ctx
@@ -1,3 +1,3 @@
 {
-  "title": "@mStable-app/contracts"
+  "title": "@mstable-app/contracts"
 }
diff --git a/templates/vue/mstable/packages/contracts/package.json.ctx b/templates/vue/mstable/packages/contracts/package.json.ctx
index 27479722..4ff80585 100644
--- a/templates/vue/mstable/packages/contracts/package.json.ctx
+++ b/templates/vue/mstable/packages/contracts/package.json.ctx
@@ -1,3 +1,3 @@
 {
-  "packageName": "@mStable-app/contracts"
+  "packageName": "@mstable-app/contracts"
 }
diff --git a/templates/vue/mstable/packages/vue-app/README.md.ctx b/templates/vue/mstable/packages/vue-app/README.md.ctx
index c4a8e661..149c5213 100644
--- a/templates/vue/mstable/packages/vue-app/README.md.ctx
+++ b/templates/vue/mstable/packages/vue-app/README.md.ctx
@@ -1,3 +1,3 @@
 {
-  "title": "@mStable-app/vue-app"
+  "title": "@mstable-app/vue-app"
 }
diff --git a/templates/vue/mstable/packages/vue-app/package.json.ctx b/templates/vue/mstable/packages/vue-app/package.json.ctx
index 496a65f4..f4d36297 100644
--- a/templates/vue/mstable/packages/vue-app/package.json.ctx
+++ b/templates/vue/mstable/packages/vue-app/package.json.ctx
@@ -1,9 +1,9 @@
 {
-  "packageName": "@mStable-app/react-app",
+  "packageName": "@mstable-app/vue-app",
   "dependencies": {
     "keys": [
-      "@mStable/protocol",
-      "@mStable/mstable-js"
+      "@mstable/protocol",
+      "@mstable/mstable-js"
     ],
     "values": [
       "^1.3.0",
diff --git a/templates/vue/mstable/packages/vue-app/src/components/HelloWorld.vue.ctx b/templates/vue/mstable/packages/vue-app/src/components/HelloWorld.vue.ctx
index 0befc8cd..d76be57f 100644
--- a/templates/vue/mstable/packages/vue-app/src/components/HelloWorld.vue.ctx
+++ b/templates/vue/mstable/packages/vue-app/src/components/HelloWorld.vue.ctx
@@ -2,7 +2,7 @@
   "callToAction": "Read On-Chain mAssets",
   "graphqlQueryName": "GET_MASSETS",
   "imports": [
-    "import { MAINNET_ID, addresses, abis } from \"@maker-app/contracts\";",
+    "import { MAINNET_ID, addresses, abis } from \"@mstable-app/contracts\";",
     "import GET_MASSETS from \"../graphql/subgraph\";"
   ],
   "learnItems": [

From 9a60cc769f4fb6308f13e2fe8fc8a724d8a7fbc9 Mon Sep 17 00:00:00 2001
From: Paul Razvan Berg <hello@paulrberg.com>
Date: Sat, 14 Nov 2020 15:05:28 +0200
Subject: [PATCH 4/5] fix: graphql-tag instead of apollo-boost in mstable vue
 app

---
 templates/vue/mstable/packages/vue-app/src/graphql/subgraph.js | 2 +-
 test/integration/templates.test.ts                             | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/vue/mstable/packages/vue-app/src/graphql/subgraph.js b/templates/vue/mstable/packages/vue-app/src/graphql/subgraph.js
index ba06df23..dd8a45b4 100644
--- a/templates/vue/mstable/packages/vue-app/src/graphql/subgraph.js
+++ b/templates/vue/mstable/packages/vue-app/src/graphql/subgraph.js
@@ -1,4 +1,4 @@
-import { gql } from "apollo-boost";
+import gql from "graphql-tag";
 
 // See more example queries on https://thegraph.com/explorer/subgraph/mstable/mstable-protocol
 const GET_MASSETS = gql`
diff --git a/test/integration/templates.test.ts b/test/integration/templates.test.ts
index 126cec7c..d6ec5b38 100644
--- a/test/integration/templates.test.ts
+++ b/test/integration/templates.test.ts
@@ -52,7 +52,7 @@ describe("templates", function () {
 
         test("it works", async function () {
           try {
-          await downloadAndExtractTemplateContext(testDirPath, framework, template);
+            await downloadAndExtractTemplateContext(testDirPath, framework, template);
           } catch (error) {
             console.log({ error });
           }

From 2e22449f36ff454060f1862507cad35ad4326e7d Mon Sep 17 00:00:00 2001
From: Tom French <tom@tomfren.ch>
Date: Fri, 20 Nov 2020 22:00:35 +0000
Subject: [PATCH 5/5] fix: fix mStable graphql request

---
 .../react/mstable/packages/react-app/src/graphql/subgraph.js  | 4 +++-
 .../vue/mstable/packages/vue-app/src/graphql/subgraph.js      | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/templates/react/mstable/packages/react-app/src/graphql/subgraph.js b/templates/react/mstable/packages/react-app/src/graphql/subgraph.js
index ba06df23..acb4ae1a 100644
--- a/templates/react/mstable/packages/react-app/src/graphql/subgraph.js
+++ b/templates/react/mstable/packages/react-app/src/graphql/subgraph.js
@@ -11,7 +11,9 @@ const GET_MASSETS = gql`
         decimals
         name
         symbol
-        totalSupply
+        totalSupply {
+          exact
+        }
       }
     }
   }
diff --git a/templates/vue/mstable/packages/vue-app/src/graphql/subgraph.js b/templates/vue/mstable/packages/vue-app/src/graphql/subgraph.js
index dd8a45b4..738b2040 100644
--- a/templates/vue/mstable/packages/vue-app/src/graphql/subgraph.js
+++ b/templates/vue/mstable/packages/vue-app/src/graphql/subgraph.js
@@ -11,7 +11,9 @@ const GET_MASSETS = gql`
         decimals
         name
         symbol
-        totalSupply
+        totalSupply {
+          exact
+        }
       }
     }
   }