refine pluing def, re #6

afrc/media/js/views/components/plugins/afrc-search.js

@@ -0,0 +1,31 @@
+import ko from 'knockout';
+import createVueApplication from 'arches/arches/app/media/js/utils/create-vue-application';
+
+import { definePreset } from '@primevue/themes';
+import Aura from '@primevue/themes/aura';
+
+import Search from '@/afrc/Search/SearchPage.vue';
+import AFRCSEarchTemplate from 'templates/views/components/plugins/afrc-search.htm';
+
+ko.components.register('afrc-search', {
+    viewModel: function() {
+        const EditableReportPreset = definePreset(Aura, {
+            components: {
+                toast: {
+                    summary: { fontSize: '1.5rem' },
+                    detail: { fontSize: '1.25rem' },
+                },
+            },
+        });
+
+        const EditableReportTheme = {
+            theme: {
+                preset: EditableReportPreset,
+            },
+        };
+        createVueApplication(Search, EditableReportTheme).then(vueApp => {
+            vueApp.mount('#search-mounting-point');
+        });
+    },
+    template: AFRCSEarchTemplate,
+});

afrc/migrations/0002_plugin.py

@@ -13,8 +13,8 @@ class Migration(migrations.Migration):
             VALUES ('929e1b9b-a9dc-4603-ae0a-f129d89d8b66', 
             '{"en": "Search Reference Collections"}', 
             'fa fa-search', 
-            'views/components/plugins/afrc-search-plugin', 
-            'afrc-search-plugin', 
+            'views/components/plugins/afrc-search', 
+            'afrc-search', 
             '{"show": true, "description": {"en": null}, "i18n_properties": ["description"]}', 
             'afrc-search', 
             1, 

afrc/templates/views/components/plugins/afrc-search.htm

@@ -0,0 +1 @@
+<div id="search-mounting-point" style="display: flex; flex-grow: 1;"></div>