chore: wip

Author: chrisbbreuer

storage/framework/core/components/notification/components.d.ts

@@ -7,8 +7,6 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
-    'Carbon:cafe': typeof import('~icons/carbon/cafe')['default']
-    'Carbon:logoTwitter': typeof import('~icons/carbon/logo-twitter')['default']
     CheckIcon: typeof import('./src/components/icons/CheckIcon.vue')['default']
     CloseIcon: typeof import('./src/components/icons/CloseIcon.vue')['default']
     CopyIcon: typeof import('./src/components/icons/CopyIcon.vue')['default']
@@ -21,7 +19,6 @@ declare module 'vue' {
     InfoIcon: typeof import('./src/components/icons/InfoIcon.vue')['default']
     Installation: typeof import('./src/components/Installation.vue')['default']
     Loader: typeof import('./src/components/icons/Loader.vue')['default']
-    'Mdi:heart': typeof import('~icons/mdi/heart')['default']
     Others: typeof import('./src/components/Others.vue')['default']
     Position: typeof import('./src/components/Position.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']

storage/framework/core/components/notification/package.json

@@ -27,8 +27,8 @@
   "types": "dist/index.d.ts",
   "files": ["README.md", "dist", "src"],
   "scripts": {
-    "dev": "vite --config ./vite.config.ts",
-    "build": "echo 'wip vite build --mode lib'",
+    "dev": "bunx --bun vite -c ./vite.config.ts",
+    "build": "bunx --bun vite build --mode lib",
     "build:demo": "bunx --bun vite build",
     "build:types": "bunx --bun vue-tsc -p tsconfig.build.json && api-extractor run",
     "preview": "bunx --bun vite preview"

storage/framework/core/components/notification/src/main.ts

@@ -3,7 +3,7 @@ import { createApp } from 'vue'
 import App from './App.vue'
 
 import '@unocss/reset/tailwind.css'
-import 'uno.css'
+import 'unocss'
 import highlight from './plugins/highlight'
 
 const app = createApp(App)

storage/framework/core/components/notification/vite.config.ts

@@ -1,29 +1,26 @@
 import { resolve } from 'node:path'
 import { alias } from '@stacksjs/alias'
 import { path as p } from '@stacksjs/path'
-import { unheadVueComposablesImports as VueHeadImports } from '@unhead/vue'
+
 import Vue from '@vitejs/plugin-vue'
 import CleanCSS from 'clean-css'
 import UnoCSS from 'unocss/vite'
-import AutoImport from 'unplugin-auto-import/vite'
 import IconsResolver from 'unplugin-icons/resolver'
 import Icons from 'unplugin-icons/vite'
 import Components from 'unplugin-vue-components/vite'
-import { VueRouterAutoImports } from 'unplugin-vue-router'
 import type { UserConfig } from 'vite'
 import { defineConfig } from 'vite'
 
-const cleanCssInstance = new CleanCSS({})
 function minify(code: string) {
+  const cleanCssInstance = new CleanCSS({})
   return cleanCssInstance.minify(code).styles
 }
 
-let cssCodeStr = ''
-
 export default defineConfig(({ command, mode }) => {
+  let cssCodeStr = ''
   const userConfig: UserConfig = {
     optimizeDeps: {
-      exclude: ['fsevents'],
+      exclude: ['@stacksjs/notification'],
     },
   }
 
@@ -32,7 +29,7 @@ export default defineConfig(({ command, mode }) => {
       include: /\.(stx|vue|md)($|\?)/,
     }),
 
-    UnoCSS(),
+    // UnoCSS(),
 
     Components({
       extensions: ['stx', 'vue', 'md'],
@@ -45,24 +42,6 @@ export default defineConfig(({ command, mode }) => {
     }),
 
     Icons(),
-
-    AutoImport({
-      include: /\.(stx|vue|js|ts|mdx?|elm|html)($|\?)/,
-      imports: [
-        'pinia',
-        'vue',
-        'vue-i18n',
-        VueHeadImports,
-        VueRouterAutoImports,
-        {
-          'vue-router/auto': ['useLink'],
-        },
-      ],
-
-      // dts: p.frameworkPath('types/auto-imports.d.ts'),
-
-      vueTemplate: true,
-    }),
   ]
 
   if (mode === 'lib') {
@@ -79,10 +58,6 @@ export default defineConfig(({ command, mode }) => {
       rollupOptions: {
         external: ['vue'],
         output: [
-          // {
-          //   format: 'cjs',
-          //   entryFileNames: `stacks-notification.cjs`,
-          // },
           {
             format: 'es',
             entryFileNames: `index.js`,
@@ -91,6 +66,7 @@ export default defineConfig(({ command, mode }) => {
         ],
       },
     }
+
     userConfig.plugins = [
       ...commonPlugins,
       {