fix: show full list of icons in docs, migrate to modern css compiler

cadgerfeast · Dec 7, 2024 · 04a0df8 · 04a0df8
1 parent fd64834
commit 04a0df8
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 1 deletion.
diff --git a/packages/@slithe/playground/.vitepress/config.ts b/packages/@slithe/playground/.vitepress/config.ts
@@ -130,6 +130,13 @@ export default defineConfig({
 		}
 	},
 	vite: {
+		css: {
+			preprocessorOptions: {
+				scss: {
+					api: 'modern-compiler'
+				}
+			}
+		},
 		define: {
 			SLITHE_PLAYGROUND_FAVICON: `"${favicon}"`
 		},

diff --git a/packages/@slithe/playground/.vitepress/src/guide/components/icon.md b/packages/@slithe/playground/.vitepress/src/guide/components/icon.md
@@ -1,8 +1,9 @@
 <script setup>
 	import { ref, onMounted, onUnmounted } from 'vue';
+  import { getTheme } from 'slithe';
   import Preview from '../../components/preview.vue';
   // State
-  const icons = ref([]);
+  const icons = ref(getTheme().theme.icons);
   // Handlers
   function handleThemeChange ({ detail: { theme } }) {
     icons.value = theme.icons;

diff --git a/packages/@slithe/primer/vite.config.js b/packages/@slithe/primer/vite.config.js
@@ -17,6 +17,13 @@ function copySync (src, dest) {
 
 export default defineConfig({
   publicDir: false,
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: 'modern-compiler'
+      }
+    }
+  },
   build: {
     lib: {
       entry: path.resolve(__dirname, './src/index.ts'),

diff --git a/packages/@slithe/vue/vite.config.js b/packages/@slithe/vue/vite.config.js
@@ -5,6 +5,13 @@ import dts from 'vite-plugin-dts';
 
 export default defineConfig({
   publicDir: false,
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: 'modern-compiler'
+      }
+    }
+  },
   build: {
     lib: {
       entry: path.resolve(__dirname, './src/index.ts'),