update snack stack setup

Author: Flows-git

playground/components/SnackStackPlayground.vue

@@ -11,7 +11,7 @@ const options = reactive({
 
 <template>
   <v-container>
-    <div class="text-h3">
+    <div class="text-h4">
       Snack Stack
     </div>
     <div class="py-3">

src/module.ts

@@ -1,5 +1,5 @@
-import { addImports, addPlugin, createResolver, defineNuxtModule } from '@nuxt/kit'
-
+import { defineNuxtModule } from '@nuxt/kit'
+import setupSnackStack from './runtime/snack/setup'
 // Module options TypeScript interface definition
 export interface SimpleMessagesOptions { }
 
@@ -11,13 +11,6 @@ export default defineNuxtModule<SimpleMessagesOptions>({
   // Default configuration options of the Nuxt module
   defaults: {},
   setup(_options, _nuxt) {
-    const resolver = createResolver(import.meta.url)
-
-    addImports({
-      name: 'useSnack',
-      from: resolver.resolve('runtime/snack/composables/useSnack'),
-    })
-    // Do not add the extension since the `.ts` will be transpiled to `.mjs` after `npm run prepack`
-    addPlugin(resolver.resolve('./runtime/snack/plugin'))
+    setupSnackStack()
   },
 })

src/runtime/server/tsconfig.json

@@ -1,11 +1,5 @@
 import { useState } from '#app'
 
-export interface SnackMessage {
-  text: string
-  type?: 'error' | 'success' | 'info' | 'warning'
-  timeout?: number
-}
-
 export function useSnack() {
   const errorMessages = useState<SnackMessage[]>('snack-messages', () => [])
 

src/runtime/snack/composables/useSnack.ts

@@ -0,0 +1,12 @@
+import { addImports, addPlugin, createResolver } from '@nuxt/kit'
+
+export default function () {
+  const resolver = createResolver(import.meta.url)
+
+  addImports({
+    name: 'useSnack',
+    from: resolver.resolve('composables/useSnack'),
+  })
+  // Do not add the extension since the `.ts` will be transpiled to `.mjs` after `npm run prepack`
+  addPlugin(resolver.resolve('plugin'))
+}