feat: better default plugin

demo/gatsby-config.js

@@ -1,3 +1,8 @@
 module.exports = {
-  plugins: ["@raae/gatsby-plugin-starter"],
+  plugins: {
+    resolve: "@raae/gatsby-plugin-starter",
+    options: {
+      emoji: "pirate",
+    },
+  },
 };

plugin/constants.js

@@ -0,0 +1,5 @@
+exports.EMOJIS = {
+  crown: "👑",
+  pirate: "🏴‍☠️",
+  princess: "👸",
+};

plugin/gatsby-browser.js

@@ -1 +1,10 @@
 // https://www.gatsbyjs.com/docs/reference/config-files/gatsby-browser/
+
+const { EMOJIS } = require("./constants");
+
+exports.onInitialClientRender = (_, pluginOptions) => {
+  const { message, emoji } = pluginOptions;
+  const selectedEmoji = EMOJIS[emoji];
+
+  alert(`${selectedEmoji} ${message} ${selectedEmoji}`);
+};

plugin/gatsby-node.js

@@ -1,10 +1,15 @@
 // https://www.gatsbyjs.com/docs/reference/config-files/gatsby-node/
 
+const { EMOJIS } = require("./constants");
+
+const validKeys = Object.keys(EMOJIS);
+
 exports.pluginOptionsSchema = ({ Joi }) => {
   return Joi.object({
-    option1: Joi.string()
-      .valid("unicorn", "pirate")
-      .default("unicorn")
-      .description(`Plugin option 1`),
+    message: Joi.string().default("Hello from the Plugin"),
+    emoji: Joi.string()
+      .valid(...validKeys)
+      .default(validKeys[0])
+      .description(`Select between the emoji options`),
   });
 };