feat: export new components

witnet · Aug 29, 2024 · 4972e39 · 4972e39
1 parent 624fab8
commit 4972e39
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 20 deletions.
diff --git a/src/components/EmptyState/WEmptyState.stories.ts b/src/components/EmptyState/WEmptyState.stories.ts
@@ -26,7 +26,7 @@ type Story = StoryObj<typeof meta>
  * to learn how to use render functions.
  */
 
-export const Section: Story = {
+export const Default: Story = {
   render: (args: any) => ({
     components: { WEmptyState },
     setup() {

diff --git a/src/components/EmptyState/WEmptyState.vue b/src/components/EmptyState/WEmptyState.vue
@@ -5,7 +5,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import EmptyStateLogo from '@/assets/svg/empty-state.svg?component'
 defineProps({
   text: {

diff --git a/src/components/LoadingPlaceholder/WLoadingPlaceholder.stories.ts b/src/components/LoadingPlaceholder/WLoadingPlaceholder.stories.ts
@@ -12,7 +12,7 @@ const meta: any = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-export const Section: Story = {
+export const Default: Story = {
   render: (args: any) => ({
     components: { WLoadingPlaceholder },
     setup() {

diff --git a/src/components/Section/WSection.stories.ts b/src/components/Section/WSection.stories.ts
@@ -12,7 +12,7 @@ const meta: any = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-export const Section: Story = {
+export const Default: Story = {
   render: (args: any) => ({
     components: { WSection },
     setup() {

diff --git a/src/components/Spinner/WSpinner.stories.ts b/src/components/Spinner/WSpinner.stories.ts
@@ -12,7 +12,7 @@ const meta: any = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-export const Section: Story = {
+export const Default: Story = {
   render: (args: any) => ({
     components: { WSpinner },
     setup() {

diff --git a/src/components/index.ts b/src/components/index.ts
diff --git a/src/index.ts b/src/index.ts
@@ -1,24 +1,36 @@
 import './assets/main.css'
 
 import WButton from './components/Button/WButton.vue'
+import WEmptyState from './components/EmptyState/WEmptyState.vue'
 import WFooter from './components/Footer/WFooter.vue'
 import WLink from './components/Link/WLink.vue'
+import WLoadingPlaceholder from './components/LoadingPlaceholder/WLoadingPlaceholder.vue'
 import WNavbar from './components/Navbar/WNavbar.vue'
+import WSection from './components/Section/WSection.vue'
+import WSpinner from './components/Spinner/WSpinner.vue'
 
-export { WLink, WButton, WNavbar, WFooter }
+export { WButton, WEmptyState, WFooter, WLink, WLoadingPlaceholder, WNavbar, WSection, WSpinner }
 export type WButton = typeof WButton
+export type WEmptyState = typeof WEmptyState
 export type WFooter = typeof WFooter
 export type WLink = typeof WLink
+export type WLoadingPlaceholder = typeof WLoadingPlaceholder
 export type WNavbar = typeof WNavbar
+export type WSection = typeof WSection
+export type WSpinner = typeof WSpinner
 
 import type { App } from 'vue'
 
 const WComponents = {
   install(app: App) {
     app.component('WButton', WButton)
+    app.component('WEmptyState', WEmptyState)
     app.component('WFooter', WFooter)
     app.component('WLink', WLink)
+    app.component('WLoadingPlaceholder', WLoadingPlaceholder)
     app.component('WNavbar', WNavbar)
+    app.component('WSection', WSection)
+    app.component('WSpinner', WSpinner)
   }
 }
 

diff --git a/vitest.config.ts b/vitest.config.ts
@@ -7,9 +7,6 @@ export default mergeConfig(
   defineConfig({
     test: {
       environment: 'jsdom',
-      snapshotFormat: {
-        printBasicPrototype: true
-      },
       exclude: [...configDefaults.exclude, 'e2e/**'],
       root: fileURLToPath(new URL('./', import.meta.url))
     }