Initiated new rollup based build

package.json

@@ -54,6 +54,8 @@
     "primeicons": "4.0.0",
     "prismjs": "^1.15.0",
     "quill": "^1.3.7",
+    "rollup-plugin-postcss": "^4.0.0",
+    "rollup-plugin-vue": "^6.0.0-beta.9",
     "sass-loader": "^8.0.2",
     "vue": "3.0.3",
     "vue-router": "^4.0.0-0",

rollup.config.js

@@ -0,0 +1,38 @@
+import vue from 'rollup-plugin-vue';
+import postcss from 'rollup-plugin-postcss';
+
+const fs = require('fs-extra');
+const path = require('path');
+
+let entries = [];
+
+fs.readdirSync(path.resolve(__dirname, './src/components/')).forEach(folder => {
+    fs.readdirSync(path.resolve(__dirname, './src/components/' + folder)).forEach(file => {
+        if (file !== 'index.js' && file !== 'index.d.ts') {
+            let name = file.split(/(.vue)$|(.js)$/)[0].toLowerCase();
+            if (/\.vue$/.test(file)) {
+                entries.push({
+                    input: 'src/components/' + folder + '/' + file,
+                    external: [/\.\./],
+                    output: [
+                        {
+                            format: 'esm',
+                            file: 'dist/' + folder + '/' + name + '.esm.js'
+                        },
+                        {
+                            format: 'umd',
+                            name: 'primevue',
+                            file: 'dist/' + folder + '/' + name + '.umd.js'
+                        }
+                    ],
+                    plugins: [
+                        vue(),
+                        postcss()
+                    ]
+                });
+            }
+        }
+    });
+});
+
+export default entries;

src/components/breadcrumb/Breadcrumb.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import BreadcrumbItem from './BreadcrumbItem';
+import BreadcrumbItem from './BreadcrumbItem.vue';
 
 export default {
     props: {

src/components/cascadeselect/CascadeSelect.vue

@@ -29,7 +29,7 @@
 import ConnectedOverlayScrollHandler from '../utils/ConnectedOverlayScrollHandler';
 import ObjectUtils from '../utils/ObjectUtils';
 import DomHandler from '../utils/DomHandler';
-import CascadeSelectSub from './CascadeSelectSub';
+import CascadeSelectSub from './CascadeSelectSub.vue';
 
 export default {
     emits: ['update:modelValue','change','group-change', 'before-show','before-hide','hide','show'],

src/components/contextmenu/ContextMenu.vue

@@ -8,7 +8,7 @@
 
 <script>
 import DomHandler from '../utils/DomHandler';
-import ContextMenuSub from './ContextMenuSub';
+import ContextMenuSub from './ContextMenuSub.vue';
 
 export default {
     props: {

src/components/datatable/BodyCell.vue

@@ -32,7 +32,7 @@
 <script>
 import DomHandler from '../utils/DomHandler';
 import ObjectUtils from '../utils/ObjectUtils';
-import RowRadioButton from './RowRadioButton';
+import RowRadioButton from './RowRadioButton.vue';
 import RowCheckbox from './RowCheckbox.vue';
 import Ripple from '../ripple/Ripple';
 

src/components/datatable/ScrollableView.vue

@@ -47,7 +47,7 @@
 
 <script>
 import DomHandler from '../utils/DomHandler';
-import TableLoadingBody from './TableLoadingBody';
+import TableLoadingBody from './TableLoadingBody.vue';
 
 export default {
     emits: ['virtual-scroll'],

src/components/galleria/Galleria.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import GalleriaContent from './GalleriaContent';
+import GalleriaContent from './GalleriaContent.vue';
 import DomHandler from '../utils/DomHandler';
 
 export default {

src/components/galleria/GalleriaContent.vue

@@ -25,9 +25,9 @@
 
 <script>
 import UniqueComponentId from '../utils/UniqueComponentId';
-import GalleriaItem from './GalleriaItem';
-import GalleriaThumbnails from './GalleriaThumbnails';
-import GalleriaItemSlot from './GalleriaItemSlot';
+import GalleriaItem from './GalleriaItem.vue';
+import GalleriaThumbnails from './GalleriaThumbnails.vue';
+import GalleriaItemSlot from './GalleriaItemSlot.vue';
 import Ripple from '../ripple/Ripple';
 
 export default {

src/components/menu/Menu.vue

@@ -21,7 +21,7 @@
 <script>
 import ConnectedOverlayScrollHandler from '../utils/ConnectedOverlayScrollHandler';
 import DomHandler from '../utils/DomHandler';
-import Menuitem from './Menuitem';
+import Menuitem from './Menuitem.vue';
 
 export default {
     props: {

src/components/menubar/Menubar.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import MenubarSub from './MenubarSub';
+import MenubarSub from './MenubarSub.vue';
 import DomHandler from '../utils/DomHandler';
 
 export default {

src/components/organizationchart/OrganizationChart.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import OrganizationChartNode from './OrganizationChartNode';
+import OrganizationChartNode from './OrganizationChartNode.vue';
 
 export default {
     emits: ['node-unselect', 'node-select', 'update:selectionKeys', 'node-expand', 'node-collapse', 'update:collapsedKeys'],

src/components/paginator/Paginator.vue

@@ -21,13 +21,13 @@
 </template>
 
 <script>
-import CurrrentPageReport from './CurrentPageReport';
-import FirstPageLink from './FirstPageLink';
-import LastPageLink from './LastPageLink';
-import NextPageLink from './NextPageLink';
-import PageLinks from './PageLinks';
-import PrevPageLink from './PrevPageLink';
-import RowsPerPageDropdown from './RowsPerPageDropdown';
+import CurrrentPageReport from './CurrentPageReport.vue';
+import FirstPageLink from './FirstPageLink.vue';
+import LastPageLink from './LastPageLink.vue';
+import NextPageLink from './NextPageLink.vue';
+import PageLinks from './PageLinks.vue';
+import PrevPageLink from './PrevPageLink.vue';
+import RowsPerPageDropdown from './RowsPerPageDropdown.vue';
 
 export default {
     emits: ['update:first', 'update:rows', 'page'],

src/components/panelmenu/PanelMenu.vue

@@ -24,7 +24,7 @@
 </template>
 
 <script>
-import PanelMenuSub from './PanelMenuSub';
+import PanelMenuSub from './PanelMenuSub.vue';
 import UniqueComponentId from '../utils/UniqueComponentId';
 
 export default {

src/components/tieredmenu/TieredMenu.vue

@@ -9,7 +9,7 @@
 <script>
 import ConnectedOverlayScrollHandler from '../utils/ConnectedOverlayScrollHandler';
 import DomHandler from '../utils/DomHandler';
-import TieredMenuSub from './TieredMenuSub';
+import TieredMenuSub from './TieredMenuSub.vue';
 
 export default {
     props: {

src/components/toast/Toast.vue

@@ -8,7 +8,7 @@
 
 <script>
 import ToastEventBus from '../toastservice/ToastEventBus';
-import ToastMessage from './ToastMessage';
+import ToastMessage from './ToastMessage.vue';
 import DomHandler from '../utils/DomHandler';
 
 var messageIdx = 0;

src/components/tree/Tree.vue

@@ -19,7 +19,7 @@
 </template>
 
 <script>
-import TreeNode from './TreeNode';
+import TreeNode from './TreeNode.vue';
 import ObjectUtils from '../utils/ObjectUtils';
 
 export default {

src/components/treetable/TreeTable.vue

@@ -78,7 +78,7 @@
 import ObjectUtils from '../utils/ObjectUtils';
 import FilterUtils from '../utils/FilterUtils';
 import DomHandler from '../utils/DomHandler';
-import TreeTableRow from './TreeTableRow';
+import TreeTableRow from './TreeTableRow.vue';
 import Paginator from '../paginator/Paginator';
 
 export default {