@solfacil/girassol 0.1.0

package/vite.config.ts

@@ -0,0 +1,64 @@
+import path from 'path'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+import Icons from 'unplugin-icons/vite'
+
+import Inspect from 'vite-plugin-inspect'
+import WindiCSS from 'vite-plugin-windicss'
+
+const currentPath = path.resolve(__dirname)
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, "src/index.ts"),
+      name: "girassol",
+      fileName: (format) => `girassol.${format}.js`,
+    },
+    rollupOptions: {
+      external: ["vue"],
+      output: {
+        globals: {
+          vue: "Vue",
+        },
+      },
+    },
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(currentPath, './src'),
+      '@assets': path.resolve(currentPath, './src/assets'),
+      '@components': path.resolve(currentPath, './src/components'),
+      '@forms': path.resolve(currentPath, './src/components/forms'),
+      '@themes': path.resolve(currentPath, 'theme')
+    }
+  },
+
+  plugins: [
+    vue({
+      include: [/\.vue$/],
+    }),
+
+    WindiCSS(),
+
+    Inspect({
+      enabled: true,
+    }),
+
+
+    Icons({
+      autoInstall: true,
+      compiler: 'vue3'
+    }),
+  ],
+
+  optimizeDeps: {
+    include: [
+      'vue',
+      '@vueuse/core',
+    ],
+  },
+})

package/windi.config.ts

@@ -0,0 +1,30 @@
+import { defineConfig } from 'windicss/helpers'
+
+import typography from 'windicss/plugin/typography'
+
+import { colors, typography as typos, effects, spacing, borders, misc, utilities } from './theme/solfacil/'
+
+export default defineConfig({
+  darkMode: 'class',
+  attributify: false,
+  extract: {
+    include: ['index.html', 'src/**/*']
+  },
+
+  plugins: [
+    typography(),
+    utilities.outlinesForFocus
+  ],
+
+  theme: {
+    extend: {
+      ...misc,
+    },
+
+    colors,
+    ...typos,
+    ...effects,
+    ...borders,
+    ...spacing
+  },
+})