diff --git a/components.d.ts b/components.d.ts
index 3c64801..43c9bbf 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -9,7 +9,6 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     Dashboards: typeof import('./src/components/Dashboards.vue')['default']
-    HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
     Home: typeof import('./src/components/Home.vue')['default']
     Interfaces: typeof import('./src/components/Interfaces.vue')['default']
     Navigation: typeof import('./src/components/Navigation.vue')['default']
diff --git a/src/main.ts b/src/main.ts
index 59758b5..ae86e44 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -17,7 +17,8 @@ const app = createApp(App);
 
 app.use(vuetify).use(router);
 
-const pluginFiles = require.context('./plugins', false, /\.ts$/);
+// parameters: root, recursive, file to match
+const pluginFiles = require.context('./plugins', true, /\.ts$/);
 
 pluginFiles.keys().forEach((filePath: string) => {
   const plugin = pluginFiles(filePath).default; // Get the default export of the plugin
diff --git a/src/plugins/Exports/JsonExportPlugin.vue b/src/plugins/Exports/JsonExportPlugin.vue
new file mode 100644
index 0000000..4cd2f41
--- /dev/null
+++ b/src/plugins/Exports/JsonExportPlugin.vue
@@ -0,0 +1,28 @@
+<template>
+    <v-btn color='secondary' @click='dialog = true'>Export JSON</v-btn>
+    <v-dialog v-model='dialog'>
+        <v-card>
+            <v-card-title>Select Export Elements</v-card-title>
+            <v-card-text>TBD...</v-card-text>
+            <v-card-actions>
+                <v-btn color='red' @click='dialog = false'>Close</v-btn>
+            </v-card-actions>
+        </v-card>
+    </v-dialog>
+</template>
+
+<script lang='ts'>
+import { Options, Vue } from 'vue-class-component';
+
+@Options({
+  data() {
+    return {
+        dialog: false
+    }
+  }
+})
+
+export default class JsonExportComponent extends Vue {}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/plugins/Exports/RdfExportPlugin.vue b/src/plugins/Exports/RdfExportPlugin.vue
new file mode 100644
index 0000000..89ac41a
--- /dev/null
+++ b/src/plugins/Exports/RdfExportPlugin.vue
@@ -0,0 +1,28 @@
+<template>
+    <v-btn color='secondary' @click='dialog = true'>Export RDF</v-btn>
+    <v-dialog v-model='dialog'>
+        <v-card>
+            <v-card-title>Select Export Elements</v-card-title>
+            <v-card-text>TBD...</v-card-text>
+            <v-card-actions>
+                <v-btn color='red' @click='dialog = false'>Close</v-btn>
+            </v-card-actions>
+        </v-card>
+    </v-dialog>
+</template>
+
+<script lang="ts">
+import { Options, Vue } from 'vue-class-component';
+
+@Options({
+  data() {
+    return {
+        dialog: false
+    }
+  }
+})
+
+export default class RdfExportComponent extends Vue {}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/plugins/Exports/json-export-plugin.ts b/src/plugins/Exports/json-export-plugin.ts
new file mode 100644
index 0000000..d10296d
--- /dev/null
+++ b/src/plugins/Exports/json-export-plugin.ts
@@ -0,0 +1,19 @@
+import { App, Plugin } from 'vue';
+import JsonExportComponent from "./JsonExportPlugin.vue"
+
+const jsonExportPlugin: Plugin = {
+    install(app: App) {
+        // global property
+        // app.config.globalProperties.$definedproperty = 'Example Global Property';
+
+        // global method
+        // app.config.globalProperties.$definedMethods = () => {
+        //   console.log('Example Method');
+        // };
+
+        // global component
+        app.component('JsonExportComponent', JsonExportComponent);
+    }
+}
+
+export default jsonExportPlugin;
\ No newline at end of file
diff --git a/src/plugins/Exports/rdf-export-plugin.ts b/src/plugins/Exports/rdf-export-plugin.ts
new file mode 100644
index 0000000..ff492cb
--- /dev/null
+++ b/src/plugins/Exports/rdf-export-plugin.ts
@@ -0,0 +1,19 @@
+import { App, Plugin } from 'vue';
+import RdfExportComponent from "./RdfExportPlugin.vue"
+
+const rdfExportPlugin: Plugin = {
+    install(app: App, options?) {
+        // global property
+        // app.config.globalProperties.$definedproperty = 'Example Global Property';
+
+        // global method
+        // app.config.globalProperties.$definedMethods = () => {
+        //   console.log('Example Method');
+        // };
+
+        // global component
+        app.component('RdfExportComponent', RdfExportComponent);
+    }
+}
+
+export default rdfExportPlugin;
\ No newline at end of file
diff --git a/src/plugins/Imports/JsonImportPlugin.vue b/src/plugins/Imports/JsonImportPlugin.vue
new file mode 100644
index 0000000..3e7f8c4
--- /dev/null
+++ b/src/plugins/Imports/JsonImportPlugin.vue
@@ -0,0 +1,33 @@
+<template>
+    <v-btn color='primary' @click='dialog = true'>Import JSON</v-btn>
+    <v-dialog v-model='dialog'>
+        <v-card class=w-50>
+            <v-card-title>Select Import Elements</v-card-title>
+            <v-card-actions>
+                <v-file-input
+                    accept='.json'
+                    label='JSON Input'
+                    prepend-icon='mdi-folder_open'
+                    multiple
+                ></v-file-input>
+                <v-btn color='red' @click='dialog = false'>Close</v-btn>
+            </v-card-actions>
+        </v-card>
+    </v-dialog>
+</template>
+
+<script lang="ts">
+import { Options, Vue } from 'vue-class-component';
+
+@Options({
+  data() {
+    return {
+        dialog: false
+    }
+  }
+})
+
+export default class JsonImportComponent extends Vue {}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/plugins/Imports/json-import-plugin.ts b/src/plugins/Imports/json-import-plugin.ts
new file mode 100644
index 0000000..583566a
--- /dev/null
+++ b/src/plugins/Imports/json-import-plugin.ts
@@ -0,0 +1,19 @@
+import { App, Plugin } from 'vue';
+import JsonImportComponent from "./JsonImportPlugin.vue"
+
+const jsonImportPlugin: Plugin = {
+    install(app: App) {
+        // global property
+        // app.config.globalProperties.$definedproperty = 'Example Global Property';
+
+        // global method
+        // app.config.globalProperties.$definedMethods = () => {
+        //   console.log('Example Method');
+        // };
+
+        // global component
+        app.component('JsonImportComponent', JsonImportComponent);
+    }
+}
+
+export default jsonImportPlugin;
\ No newline at end of file
diff --git a/src/plugins/json-export-plugin.ts b/src/plugins/json-export-plugin.ts
deleted file mode 100644
index f4f4800..0000000
--- a/src/plugins/json-export-plugin.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { App, Plugin } from 'vue';
-
-const jsonExportPlugin: Plugin = {
-    install(app: App, options?) {
-        // global property
-        // app.config.globalProperties.$definedproperty = 'Example Global Property';
-
-        // global method
-        // app.config.globalProperties.$definedMethods = () => {
-        //   console.log('Example Method');
-        // };
-
-        // global component
-        app.component('JsonExportComponent', {
-            // methods: {
-            //     handleClick() {console.log('Performing JSON Export!')}
-            // },
-            data() {
-                return {
-                        dialog: false
-                    };
-            },
-            template: " \
-            <v-btn color='secondary' @click='dialog = true'>Export JSON</v-btn> \
-            <v-dialog v-model='dialog'> \
-                <v-card> \
-                    <v-card-title>Select Export Elements</v-card-title> \
-                    <v-card-text>TBD...</v-card-text> \
-                    <v-card-actions> \
-                        <v-btn color='red' @click='dialog = false'>Close</v-btn> \
-                    </v-card-actions> \
-                </v-card> \
-            </v-dialog> \
-            "
-        });
-    }
-}
-
-export default jsonExportPlugin;
\ No newline at end of file
diff --git a/src/plugins/json-import-plugin.ts b/src/plugins/json-import-plugin.ts
deleted file mode 100644
index a3d4d0f..0000000
--- a/src/plugins/json-import-plugin.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { App, Plugin } from 'vue';
-
-const jsonImportPlugin: Plugin = {
-    install(app: App, options?) {
-        // global property
-        // app.config.globalProperties.$definedproperty = 'Example Global Property';
-
-        // global method
-        // app.config.globalProperties.$definedMethods = () => {
-        //   console.log('Example Method');
-        // };
-
-        // global component
-        app.component('JsonImportComponent', {
-            data() {
-                return {
-                        dialog: false
-                    };
-            },
-            template: " \
-            <v-btn color='primary' @click='dialog = true'>Import JSON</v-btn> \
-            <v-dialog v-model='dialog'> \
-                <v-card> \
-                    <v-card-title>Select Import Elements</v-card-title> \
-                    <v-card-text>TBD...</v-card-text> \
-                    <v-card-actions> \
-                        <v-btn color='red' @click='dialog = false'>Close</v-btn> \
-                    </v-card-actions> \
-                </v-card> \
-            </v-dialog> \
-            "
-        });
-    }
-}
-
-export default jsonImportPlugin;
\ No newline at end of file
diff --git a/src/plugins/rdf-export-plugin.ts b/src/plugins/rdf-export-plugin.ts
deleted file mode 100644
index 0074b48..0000000
--- a/src/plugins/rdf-export-plugin.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { App, Plugin } from 'vue';
-
-const rdfExportPlugin: Plugin = {
-    install(app: App, options?) {
-        // global property
-        // app.config.globalProperties.$definedproperty = 'Example Global Property';
-
-        // global method
-        // app.config.globalProperties.$definedMethods = () => {
-        //   console.log('Example Method');
-        // };
-
-        // global component
-        app.component('RdfExportComponent', {
-            data() {
-                return {
-                        dialog: false
-                    };
-            },
-            template: " \
-            <v-btn color='secondary' @click='dialog = true'>Export RDF</v-btn> \
-            <v-dialog v-model='dialog'> \
-                <v-card> \
-                    <v-card-title>Select Export Elements</v-card-title> \
-                    <v-card-text>TBD...</v-card-text> \
-                    <v-card-actions> \
-                        <v-btn color='red' @click='dialog = false'>Close</v-btn> \
-                    </v-card-actions> \
-                </v-card> \
-            </v-dialog> \
-            "
-        });
-    }
-}
-
-export default rdfExportPlugin;
\ No newline at end of file