build: switch to unjs/unbuild

Author: sfxcode

.prettierrc

@@ -0,0 +1,31 @@
+import fs from 'fs-extra'
+import sass from 'sass'
+import { defineBuildConfig } from 'unbuild'
+
+export default defineBuildConfig({
+  entries: [
+    { builder: 'mkdist', input: './src', pattern: ['**/*.vue'], loaders: ['vue'] },
+    { builder: 'mkdist', input: './src', pattern: ['**/*.ts'], format: 'cjs', loaders: ['js'] },
+    { builder: 'mkdist', input: './src', pattern: ['**/*.ts'], format: 'esm', loaders: ['js'] },
+  ],
+  hooks: {
+    'mkdist:done': () => {
+      const compiledSass = sass.compile('./src/sass/formkit-primevue.scss', { style: 'compressed', loadPaths: ['./node_modules/'] })
+
+      fs.writeFileSync(
+        'dist/style.css',
+        compiledSass.css,
+        { encoding: 'utf-8' },
+      )
+
+      fs.mkdirSync('dist/sass')
+      fs.copyFileSync(
+        'src/sass/formkit-primevue.scss',
+        'dist/sass/formkit-primevue.scss',
+
+      )
+    },
+  },
+  declaration: true,
+  clean: true,
+})

build.config.ts

@@ -1,4 +1,4 @@
-@import "public/sass/formkit-primevue";
+@import "../src/sass/formkit-primevue";
 
 html {
   height: 100%;

src/App.scss renamed to dev/App.scss

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import AppTopBar from '@/components/app/AppTopbar.vue'
+import AppFooter from '@/components/app/AppFooter.vue'
 </script>
 
 <template>