global components, baseui lib

src/views/forms/login.vue

@@ -17,22 +17,15 @@
 </template>
 
 <script>
-import MyForm from "components/my-form";
-import MyInput from "components/my-input";
-
 export default {
     name: "LoginForm",
-    components: {
-        MyForm,
-        MyInput
-    },
     data() {
         return {
             username: "",
             password: "",
             elements: {
                 username: {
-                    element: MyInput,
+                    element: "my-input",
                     icon: "icon-user",
                     required: true,
                     requiredMessage: "Der Benutzername wird benötigt!",
@@ -42,7 +35,7 @@ export default {
                     }
                 },
                 password: {
-                    element: MyInput,
+                    element: "my-input",
                     icon: "icon-key",
                     required: true,
                     requiredMessage: "Das Passwort wird benötigt!",

src/views/forms/settings.vue

@@ -105,17 +105,8 @@
 </template>
 
 <script>
-import MyForm from "components/my-form";
-import MyInput from "components/my-input";
-import TextareaInput from "components/textarea-input";
-
 export default {
     name: "FormDemo",
-    components: {
-        MyForm,
-        MyInput,
-        TextareaInput
-    },
     data() {
         return {
             username: "",
@@ -124,7 +115,7 @@ export default {
                 title: {
                     label: "Titel",
                     required: true,
-                    element: MyInput,
+                    element: "my-input",
                     props: {
                         type: "text",
                         placeholder: "Titel hier eintragen"
@@ -134,7 +125,7 @@ export default {
                     label: "Permalink",
                     description: "Hier steht ein Beschreibungstext für etwas begriffsstutzige Menschen, die eine Beschreibung zum Befüllen des Feldes brauchen.",
                     required: true,
-                    element: MyInput,
+                    element: "my-input",
                     props: {
                         type: "text",
                         placeholder: "Permalink"
@@ -144,7 +135,7 @@ export default {
                     label: "Inhalt",
                     description: "Hier steht ein Beschreibungstext für etwas begriffsstutzige Menschen, die eine Beschreibung zum Befüllen des Feldes brauchen.",
                     required: true,
-                    element: TextareaInput,
+                    element: "textarea-input",
                     props: {
                         placeholder: "Inhalt"
                     }
@@ -152,7 +143,7 @@ export default {
                 public: {
                     label: "Is Public",
                     required: true,
-                    element: MyInput,
+                    element: "my-input",
                     props: {
                         type: "checkbox"
                     }

src/views/lists/domainlist.vue

@@ -6,13 +6,8 @@
 </template>
 
 <script>
-import ScrollTable from 'components/scroll-table.vue';
-
 export default {
     name: "Domainlist",
-    components: {
-        ScrollTable
-    },
     data() {
         return {
             actions: [{

src/views/lists/userlist.vue

@@ -6,13 +6,8 @@
 </template>
 
 <script>
-import ScrollTable from 'components/scroll-table.vue';
-
 export default {
     name: "Userlist",
-    components: {
-        ScrollTable
-    },
     data() {
         return {
             actions: [{