chore: wip

chrisbbreuer · chrisbbreuer · commit 495c1947baf2 · 2024-05-01T22:52:18.000-07:00
diff --git a/commitlint.config.js b/commitlint.config.js
@@ -7,7 +7,7 @@ const ignore = ['readme-md']
 
 const components = fs
   .readdirSync(resolve(__dirname, './resources/components'))
-  .map(item => kebabCase(item.replace(/.stx/g, '')))
+  .map(item => kebabCase(item.replace(/\.(stx|vue)/g, '')))
   .filter(item => !ignore.includes(item))
 
 const functions = fs
diff --git a/resources/components/Dashboard/Modals/Popups/Alert.vue b/resources/components/Dashboard/Modals/Popups/Alert.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import BaseModal from '../BaseModal.stx'
-import AppButton from '../../Buttons/AppButton.stx'
+import AppButton from '../../Buttons/AppButton.vue'
+import BaseModal from '../BaseModal.vue'
 
 const {
   title,
diff --git a/resources/components/Dashboard/Modals/Popups/Toast.vue b/resources/components/Dashboard/Modals/Popups/Toast.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, watch } from 'vue'
-import ToastWrapper from '../ToastWrapper.stx'
+import ToastWrapper from '../ToastWrapper.vue'
 
 const show = ref(false)
 
diff --git a/resources/components/Marketing/Header.vue b/resources/components/Marketing/Header.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Button from '../Button.stx'
+import Button from '../Button.vue'
 </script>
 
 <template>
diff --git a/storage/framework/core/actions/src/helpers/component-meta.ts b/storage/framework/core/actions/src/helpers/component-meta.ts
@@ -58,7 +58,12 @@ export function generateComponentMeta() {
     }
   }
 
-  const components = glob.sync(['components/*.stx', 'components/**/*.stx'], {
+  const components = glob.sync([
+    'components/*.stx',
+    'components/**/*.stx',
+    'components/*.vue',
+    'components/**/*.vue',
+  ], {
     cwd: projectPath(),
     absolute: true,
   })
diff --git a/storage/framework/core/components/notification/packages/Toast.vue b/storage/framework/core/components/notification/packages/Toast.vue
@@ -2,7 +2,7 @@
 import './styles.css'
 import { computed, onMounted, onUnmounted, ref, watchEffect } from 'vue'
 import type { HeightT, ToastProps, ToastT } from './types'
-import CloseIcon from './assets/CloseIcon.stx'
+import CloseIcon from './assets/CloseIcon.vue'
 import { useIsDocumentHidden } from './hooks'
 
 const props = defineProps<ToastProps>()
diff --git a/storage/framework/core/components/notification/packages/Toaster.vue b/storage/framework/core/components/notification/packages/Toaster.vue
@@ -8,12 +8,12 @@ import type {
   NotificationProps,
 } from './types'
 import { ToastState } from './state'
-import Toast from './Toast.stx'
-import LoaderIcon from './assets/Loader.stx'
-import SuccessIcon from './assets/SuccessIcon.stx'
-import InfoIcon from './assets/InfoIcon.stx'
-import WarningIcon from './assets/WarningIcon.stx'
-import ErrorIcon from './assets/ErrorIcon.stx'
+import Toast from './Toast.vue'
+import LoaderIcon from './assets/Loader.vue'
+import SuccessIcon from './assets/SuccessIcon.vue'
+import InfoIcon from './assets/InfoIcon.vue'
+import WarningIcon from './assets/WarningIcon.vue'
+import ErrorIcon from './assets/ErrorIcon.vue'
 
 defineOptions({
   name: 'Toaster',
diff --git a/storage/framework/core/components/notification/packages/component.ts b/storage/framework/core/components/notification/packages/component.ts
@@ -1 +1 @@
-export { default as Toaster } from './Toaster.stx'
+export { default as Toaster } from './Toaster.vue'
diff --git a/storage/framework/core/components/notification/src/App.vue b/storage/framework/core/components/notification/src/App.vue
@@ -3,16 +3,16 @@ import { ref } from 'vue'
 import { Notification } from '../packages'
 import type { Position, Theme } from '../packages/types'
 import { useSEOHeader } from './composables/useSEOHeader'
-import Hero from './components/Hero.stx'
-import Installation from './components/Installation.stx'
-import Usage from './components/Usage.stx'
-import Types from './components/Types.stx'
-import Pos from './components/Position.stx'
-import Expand from './components/Expand.stx'
-import Theming from './components/Theming.stx'
-import Styling from './components/Styling.stx'
-import Others from './components/Others.stx'
-import Footer from './components/Footer.stx'
+import Hero from './components/Hero.vue'
+import Installation from './components/Installation.vue'
+import Usage from './components/Usage.vue'
+import Types from './components/Types.vue'
+import Pos from './components/Position.vue'
+import Expand from './components/Expand.vue'
+import Theming from './components/Theming.vue'
+import Styling from './components/Styling.vue'
+import Others from './components/Others.vue'
+import Footer from './components/Footer.vue'
 // import { toggleDarkMode, isDark } from './composables/useDarkMode'
 
 
diff --git a/storage/framework/core/components/notification/src/components/Expand.vue b/storage/framework/core/components/notification/src/components/Expand.vue
@@ -2,8 +2,8 @@
 import { computed, ref } from 'vue'
 import { notification } from '../../packages'
 import { useCopyCode } from '../composables/useCopyCode'
-import CopyIcon from './icons/CopyIcon.stx'
-import CheckIcon from './icons/CheckIcon.stx'
+import CheckIcon from './icons/CheckIcon.vue'
+import CopyIcon from './icons/CopyIcon.vue'
 
 const props = defineProps({
   expand: {
@@ -12,9 +12,7 @@ const props = defineProps({
   },
 })
 
-const emit = defineEmits<{
-  (e: 'update:expand', expand: boolean): void
-}>()
+const emit = defineEmits<(e: 'update:expand', expand: boolean) => void>()
 
 const renderedCode = computed(() => {
   return `<Notification :expand="${props.expand}" />`
diff --git a/storage/framework/core/components/notification/src/components/Installation.vue b/storage/framework/core/components/notification/src/components/Installation.vue
@@ -2,8 +2,8 @@
 import { ref } from 'vue'
 import { notification } from '../../packages'
 import { useCopyCode } from '../composables/useCopyCode'
-import CheckIcon from './icons/CheckIcon.stx'
-import CopyIcon from './icons/CopyIcon.stx'
+import CheckIcon from './icons/CheckIcon.vue'
+import CopyIcon from './icons/CopyIcon.vue'
 
 const code = `bun install @stacksjs/notification`
 
diff --git a/storage/framework/core/components/notification/src/components/Others.vue b/storage/framework/core/components/notification/src/components/Others.vue
@@ -2,10 +2,10 @@
 import { markRaw, ref } from 'vue'
 import { notification } from '../../packages'
 import { useCopyCode } from '../composables/useCopyCode'
-import HeadlessToast from './HeadlessToast.stx'
-import HeadlessToastWithProps from './HeadlessToastWithProps.stx'
-import CopyIcon from './icons/CopyIcon.stx'
-import CheckIcon from './icons/CheckIcon.stx'
+import HeadlessToast from './HeadlessToast.vue'
+import HeadlessToastWithProps from './HeadlessToastWithProps.vue'
+import CheckIcon from './icons/CheckIcon.vue'
+import CopyIcon from './icons/CopyIcon.vue'
 
 const emit = defineEmits(['setRichColors', 'setCloseButton'])
 
diff --git a/storage/framework/core/components/notification/src/components/Position.vue b/storage/framework/core/components/notification/src/components/Position.vue
@@ -4,8 +4,8 @@ import { computed, ref } from 'vue'
 import { notification } from '../../packages'
 import type { Position } from '../../packages/types'
 import { useCopyCode } from '../composables/useCopyCode'
-import CopyIcon from './icons/CopyIcon.stx'
-import CheckIcon from './icons/CheckIcon.stx'
+import CopyIcon from './icons/CopyIcon.vue'
+import CheckIcon from './icons/CheckIcon.vue'
 
 const props = defineProps({
   position: String as PropType<Position>,
diff --git a/storage/framework/core/components/notification/src/components/Styling.vue b/storage/framework/core/components/notification/src/components/Styling.vue
@@ -2,8 +2,8 @@
 import { computed, ref } from 'vue'
 import { notification } from '../../packages'
 import { useCopyCode } from '../composables/useCopyCode'
-import CopyIcon from './icons/CopyIcon.stx'
-import CheckIcon from './icons/CheckIcon.stx'
+import CopyIcon from './icons/CopyIcon.vue'
+import CheckIcon from './icons/CheckIcon.vue'
 
 const currentAction = ref('all')
 const showCheckIcon = ref(false)
diff --git a/storage/framework/core/components/notification/src/components/Theming.vue b/storage/framework/core/components/notification/src/components/Theming.vue
@@ -2,8 +2,8 @@
 import { computed, ref } from 'vue'
 import { notification } from '../../packages'
 import { useCopyCode } from '../composables/useCopyCode'
-import CopyIcon from './icons/CopyIcon.stx'
-import CheckIcon from './icons/CheckIcon.stx'
+import CopyIcon from './icons/CopyIcon.vue'
+import CheckIcon from './icons/CheckIcon.vue'
 
 const emit = defineEmits(['setTheme'])
 
diff --git a/storage/framework/core/components/notification/src/components/Types.vue b/storage/framework/core/components/notification/src/components/Types.vue
@@ -2,8 +2,8 @@
 import { defineComponent, h, markRaw, ref } from 'vue'
 import { notification } from '../../packages'
 import { useCopyCode } from '../composables/useCopyCode'
-import CopyIcon from './icons/CopyIcon.stx'
-import CheckIcon from './icons/CheckIcon.stx'
+import CopyIcon from './icons/CopyIcon.vue'
+import CheckIcon from './icons/CheckIcon.vue'
 
 const promiseCode = '`${data.name} notification has been added`'
 
diff --git a/storage/framework/core/components/notification/src/components/Usage.vue b/storage/framework/core/components/notification/src/components/Usage.vue
@@ -2,8 +2,8 @@
 import { ref } from 'vue'
 import { notification } from '../../packages'
 import { useCopyCode } from '../composables/useCopyCode'
-import CheckIcon from './icons/CheckIcon.stx'
-import CopyIcon from './icons/CopyIcon.stx'
+import CheckIcon from './icons/CheckIcon.vue'
+import CopyIcon from './icons/CopyIcon.vue'
 
 const code = `<!-- App.vue -->
 <script lang="ts" setup>
diff --git a/storage/framework/core/components/notification/src/main.ts b/storage/framework/core/components/notification/src/main.ts
@@ -1,6 +1,6 @@
 import { createHead } from '@vueuse/head'
 import { createApp } from 'vue'
-import App from './App.stx'
+import App from './App.vue'
 
 import '@unocss/reset/tailwind.css'
 import 'uno.css'
diff --git a/storage/framework/core/components/table/examples/index.html b/storage/framework/core/components/table/examples/index.html
@@ -12,7 +12,7 @@
 
     <script type="module">
       import { createApp } from 'vue'
-      import App from './App.stx'
+      import App from './App.vue'
 
       createApp(App).mount('#app')
     </script>
diff --git a/storage/framework/core/components/table/src/App.vue b/storage/framework/core/components/table/src/App.vue
@@ -1,5 +1,5 @@
 <script setup>
-import Table from './components/Table.stx'
+import Table from './components/Table.vue'
 </script>
 
 <template>
diff --git a/storage/framework/core/components/table/src/components/TableBody.vue b/storage/framework/core/components/table/src/components/TableBody.vue
@@ -1,5 +1,5 @@
 <!-- <script setup lang="ts">
-// console.log('TableBody.stx')
+// console.log('TableBody.vue')
 
 const { table, columnName } = await useTable(),
 
diff --git a/storage/framework/core/components/table/src/main.ts b/storage/framework/core/components/table/src/main.ts
@@ -1,4 +1,4 @@
 import { createApp } from 'vue'
-import App from './App.stx'
+import App from './App.vue'
 
 createApp(App).mount('#app')
diff --git a/storage/framework/core/tsconfig-core-types.json b/storage/framework/core/tsconfig-core-types.json
@@ -39,7 +39,14 @@
     "isolatedModules": true,
     "skipLibCheck": true
   },
-  "include": ["./*.stx", "./**/*.stx", "./*.ts", "./**/*.ts"],
+  "include": [
+    "./*.stx",
+    "./**/*.stx",
+    "./*.vue",
+    "./**/*.vue",
+    "./*.ts",
+    "./**/*.ts"
+  ],
   "exclude": [
     "./dist",
     "./**/dist",
diff --git a/storage/framework/core/tsconfig.json b/storage/framework/core/tsconfig.json
@@ -56,6 +56,8 @@
   "include": [
     "../../../*.stx",
     "../../../**/*.stx",
+    "../../../*.vue",
+    "../../../**/*.vue",
     "../../../*.ts",
     "../../../**/*.ts",
     "../../../*.yaml",
diff --git a/storage/framework/core/vite-config/src/dashboard.ts b/storage/framework/core/vite-config/src/dashboard.ts
@@ -74,7 +74,7 @@ export default defineConfig({
     }),
 
     router({
-      extensions: ['.stx', '.md'],
+      extensions: ['.stx', '.vue', '.md'],
       dts: p.frameworkPath('types/dashboard-router.d.ts'),
       routesFolder: [p.resourcesPath('views/dashboard')],
       logs: config.app.debug || false,
diff --git a/storage/framework/core/vite-config/src/system-tray.ts b/storage/framework/core/vite-config/src/system-tray.ts
@@ -68,7 +68,7 @@ export default defineConfig({
     }),
 
     router({
-      extensions: ['.stx', '.md'],
+      extensions: ['.stx', '.vue', '.md'],
       dts: p.frameworkPath('types/system-tray-router.d.ts'),
       routesFolder: [p.resourcesPath('views/system-tray')],
       logs: config.app.debug || false,
diff --git a/storage/framework/core/vite-plugin/src/auto-imports.ts b/storage/framework/core/vite-plugin/src/auto-imports.ts
@@ -6,7 +6,7 @@ import { VueRouterAutoImports } from 'unplugin-vue-router'
 
 export function autoImports(options?: AutoImportsOptions) {
   return AutoImport({
-    include: /\.(stx|js|ts|mdx?|elm|html)($|\?)/,
+    include: /\.(stx|vue|js|ts|mdx?|elm|html)($|\?)/,
     imports: [
       'pinia',
       'vue',
@@ -34,6 +34,12 @@ export function autoImports(options?: AutoImportsOptions) {
 
     vueTemplate: true,
 
+    eslintrc: {
+      enabled: true,
+      filepath: './.eslintrc-auto-import.json', // Default `./.eslintrc-auto-import.json`
+      globalsPropValue: true, // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable')
+    },
+
     ...options,
   } as AutoImportsOptions)
 }
diff --git a/storage/framework/core/vite-plugin/src/router.ts b/storage/framework/core/vite-plugin/src/router.ts
@@ -6,7 +6,7 @@ import VueRouter from 'unplugin-vue-router/vite'
 // https://github.com/posva/unplugin-vue-router
 export function router(options?: RouterOptions) {
   return VueRouter({
-    extensions: ['.stx', '.md'],
+    extensions: ['.stx', '.vue', '.md'],
     dts: p.frameworkPath('types/router.d.ts'),
     routesFolder: [p.resourcesPath('views')],
     logs: config.app.debug || false,
diff --git a/storage/framework/core/x-ray/src/desktop/main.ts b/storage/framework/core/x-ray/src/desktop/main.ts
@@ -1,6 +1,6 @@
 import '@unocss/reset/tailwind.css'
 import { createApp } from 'vue'
-import App from './App.stx'
+import App from './App.vue'
 
 // import { unifiedApp } from './plugins/unified/unified-app'
 const app = createApp(App)
diff --git a/storage/framework/libs/components/vue/main.ts b/storage/framework/libs/components/vue/main.ts
@@ -2,7 +2,7 @@ import 'uno.css'
 import { createApp } from 'vue'
 
 // import Previewer from 'virtual:vue-component-preview'
-import Demo from '../../../../../resources/components/Playground.stx'
+import Demo from '../../../../../resources/components/Playground.vue'
 
 // prepare the messages object from the yaml language files
 // const messages = Object.fromEntries(
diff --git a/storage/framework/libs/examples/vue/index.html b/storage/framework/libs/examples/vue/index.html
@@ -12,7 +12,7 @@
 
     <script type="module">
       import { createApp } from 'vue'
-      import App from './App.stx'
+      import App from './App.vue'
 
       createApp(App).mount('#app')
     </script>
diff --git a/storage/framework/system-tray/src/main.ts b/storage/framework/system-tray/src/main.ts
@@ -4,7 +4,7 @@ import { createPinia } from 'pinia'
 import 'uno.css'
 import { ViteSSG } from 'vite-ssg'
 import { routes } from 'vue-router/auto-routes'
-import App from './App.stx'
+import App from './App.vue'
 import './styles/main.css'
 
 const pinia = createPinia()

Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,12 @@ export function generateComponentMeta() {`
`58`	`58`	`}`
`59`	`59`	`}`
`60`	`60`
`61`		`- const components = glob.sync(['components/.stx', 'components//.stx'], {`
	`61`	`+ const components = glob.sync([`
	`62`	`+ 'components/*.stx',`
	`63`	`+ 'components/*/.stx',`
	`64`	`+ 'components/*.vue',`
	`65`	`+ 'components/*/.vue',`
	`66`	`+ ], {`
`62`	`67`	`cwd: projectPath(),`
`63`	`68`	`absolute: true,`
`64`	`69`	`})`
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-export { default as Toaster } from './Toaster.stx'`
	`1`	`+export { default as Toaster } from './Toaster.vue'`