feat(form): Swith to functional component (#865)

* [form] functional component

* switch to FC

Author: tmorehouse

lib/components/form.js

@@ -0,0 +1,41 @@
+import { mergeData } from "../utils";
+
+export const props = {
+    id: {
+        type: String,
+        default: null
+    },
+    inline: {
+        type: Boolean,
+        default: false
+    },
+    novalidate: {
+        type: Boolean,
+        default: false
+    },
+    validated: {
+        type: Boolean,
+        default: false
+    }
+};
+
+export default {
+    functional: true,
+    props,
+    render(h, { props, data, children }) {
+        return h(
+            "form",
+            mergeData(data, {
+                class: {
+                    "form-inline": props.inline,
+                    "was-validated": props.validated
+                },
+                attrs: {
+                    id: props.id || null,
+                    novalidate: props.novalidate
+                }
+            }),
+            children
+        );
+    }
+};

lib/components/index.js

@@ -23,7 +23,7 @@ import bDropdownItem from "./dropdown-item";
 import bDropdownItemButton from "./dropdown-item-button";
 import bDropdownDivider from "./dropdown-divider";
 import bDropdownHeader from "./dropdown-header";
-import bForm from "./form.vue";
+import bForm from "./form";
 import bFormRow from "./form-row";
 import bFormText from "./form-text";
 import bFormFeedback from "./form-feedback";