cmacdonnacha

{
  "posts": [
    { "id": 1, "title": "Post 1" },
    { "id": 2, "title": "Post 2" },
    { "id": 3, "title": "Post 3" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 },
    { "id": 2, "body": "some comment", "postId": 1 }
  ],

cmacdonnacha

{
  "editor.tabSize": 2,
  "editor.detectIndentation": false,
  "editor.formatOnSave": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "typescript.updateImportsOnFileMove.enabled": "always",
  "editor.minimap.enabled": false,
  "prettier.configPath": ".prettierrc.js",
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,

cmacdonnacha

{
  "functionComponent": {
    "prefix": "fc",
    "body": [
      "import React from 'react';",
      "import styled from 'styled-components/macro';",
      "",
      "const Container = styled.div`",
      "  display: flex;",
      "  flex: 1;",

cmacdonnacha

$white: #ffffff;
$black: #000000;
$red50: #ffebee;
$red100: #ffcdd2;
$red200: #ef9a9a;
$red300: #e57373;
$red400: #ef5350;
$red500: #f44336;
$red600: #e53935;
$red700: #d32f2f;