Скачать или смотреть 03 - Add new ObjectProperty to an ObjectExpression

@egghead I would love to teach on your platform :)

We create a new ObjectProperty AST node and add it to an ObjectExpression.

Previously, we created our `marginTop` rule by simply renaming the `marginVertical` rule. For an additional rule, however, we need a new AST node.

To achieve this, we first create the node using the helpers from `@babel/types`. (https://babeljs.io/docs/en/babel-type...)

const objectProperty = t.ObjectProperty(
t.Identifier('marginBottom'),
node.value
);

With this node created, we need to add it to the property list. The path argument to our `ObjectProperty` visitor method provides data about the current node's position in the state tree, including access to its parent nodes. The parent node of our `ObjectProperty` is an `ObjectExpression` with the property list we need to modify.

We call `Array.splice` to inject the new property into the properties array one position after the `marginTop` rule by using `path.key + 1`.

AST Explorer: https://astexplorer.net/#/gist/889b93...