nuxt-hs-ui 1.0.1 → 1.0.3

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-hs-ui",
   "configKey": "hsui",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "builder": {
     "@nuxt/module-builder": "0.7.1",
     "unbuild": "2.0.0"

package/dist/runtime/components/hs-fc/btn/index.vue

@@ -9,7 +9,7 @@ HsFcBtnHsFcBtn
 // [ vue ]
 import { computed, ref } from 'vue';
 // [ NUXT ]
-import { useId } from '#imports';
+import { useId, useRuntimeConfig } from '#imports';
 // [ vueuse ]
 import { useHsFormFocus } from '../../../composables/use-hs-form-focus';
 // ----------------------------------------------------------------------------
@@ -20,9 +20,11 @@ import { GetPrefix, RemovePrefix } from '../../../lib/prefix';
 // ----------------------------------------------------------------------------
 import type { Theme } from '../../../lib/theme';
 // ----------------------------------------------------------------------------
+const runtimeConfig: any = useRuntimeConfig();
+const prefix = GetPrefix(runtimeConfig);
 
 const twMerge = extendTailwindMerge({
-  prefix: GetPrefix(),
+  prefix: prefix,
 });
 
 // ----------------------------------------------------------------------------
@@ -69,7 +71,7 @@ emit('id', id);
 // ----------------------------------------------------------------------------
 // Base Design
 // -----
-const baseClass = RemovePrefix([
+const baseClass = RemovePrefix(prefix, [
   //
   'relative',
   'tw-relative',
@@ -96,7 +98,7 @@ const baseClass = RemovePrefix([
   'disabled:pointer-events-none',
   'tw-disabled:pointer-events-none',
 ]);
-const baseClassForm = RemovePrefix([
+const baseClassForm = RemovePrefix(prefix, [
   //
   'border',
   'tw-border',
@@ -113,7 +115,7 @@ const baseClassForm = RemovePrefix([
 ]);
 const variableStyle = computed(() => {
   if (props.variant === 'outlined') {
-    return RemovePrefix([
+    return RemovePrefix(prefix, [
       //
       'border-[2px]',
       'tw-border-[2px]',
@@ -125,20 +127,20 @@ const variableStyle = computed(() => {
 });
 const align = computed(() => {
   if (props.textAlign === 'left') {
-    return RemovePrefix([
+    return RemovePrefix(prefix, [
       //
       'justify-start',
       'tw-justify-start',
     ]);
   }
   if (props.textAlign === 'right') {
-    return RemovePrefix([
+    return RemovePrefix(prefix, [
       //
       'justify-end',
       'tw-justify-end',
     ]);
   }
-  return RemovePrefix([
+  return RemovePrefix(prefix, [
     //
     'justify-center',
     'tw-justify-center',

package/dist/runtime/components/hs-fc/btn/line-loading.vue

@@ -8,14 +8,18 @@ HsFcBtnLineLoadingHsFcBtnLineLoading
 
 // [ vue ]
 import { computed } from 'vue';
+// [ NUXT ]
+import { useRuntimeConfig } from '#imports';
 // // [ tailwind ]
 import { extendTailwindMerge } from 'tailwind-merge';
 import { type ClassType, ClassTypeToString } from '../../../lib/com';
 import { GetPrefix, RemovePrefix } from '../../../lib/prefix';
-
+// ----------------------------------------------------------------------------
+const runtimeConfig: any = useRuntimeConfig();
+const prefix = GetPrefix(runtimeConfig);
 // ----------------------------------------------------------------------------
 const twMerge = extendTailwindMerge({
-  prefix: GetPrefix(),
+  prefix: prefix,
 });
 
 // ----------------------------------------------------------------------------
@@ -31,7 +35,7 @@ const props = withDefaults(defineProps<Props>(), {
   class: '',
 });
 // ----------------------------------------------------------------------------
-const baseClass = RemovePrefix([
+const baseClass = RemovePrefix(prefix, [
   //
   'absolute',
   'tw-absolute',

package/dist/runtime/components/hs-ui/accordion.vue

@@ -8,15 +8,18 @@ HsUiAccordionHsUiAccordion
 
 // [ vue ]
 import { computed, ref, watch, nextTick } from 'vue';
+// [ NUXT ]
+import { useRuntimeConfig } from '#imports';
 // [ tailwind ]
 import { extendTailwindMerge } from 'tailwind-merge';
 import { type ClassType, ClassTypeToString } from '../../lib/class-style';
 import { GetPrefix, RemovePrefix } from '../../lib/prefix';
-
 // ----------------------------------------------------------------------------
-
+const runtimeConfig: any = useRuntimeConfig();
+const prefix = GetPrefix(runtimeConfig);
+// ----------------------------------------------------------------------------
 const twMerge = extendTailwindMerge({
-  prefix: GetPrefix(),
+  prefix: prefix,
 });
 // ----------------------------------------------------------------------------
 // [ Props ]
@@ -50,7 +53,7 @@ watch(
   }
 );
 
-const baseClass = RemovePrefix([
+const baseClass = RemovePrefix(prefix, [
   //
   'w-full',
   'tw-w-full',
@@ -59,7 +62,7 @@ const baseClass = RemovePrefix([
 const classStyle = computed(() => {
   return twMerge(baseClass, ClassTypeToString(props.class));
 });
-const classOverflow = RemovePrefix([
+const classOverflow = RemovePrefix(prefix, [
   //
   'overflow-y-hidden',
   'tw-overflow-y-hidden',
@@ -77,7 +80,7 @@ const overflowClass = computed(() => {
     :style="`--hsui-accordion-span:${props.span}ms`"
     :aria-hidden="!props.open"
   >
-    <div :class="overflowClass"><slot/></div>
+    <div :class="overflowClass"><slot /></div>
   </div>
 </template>
 

package/dist/runtime/components/hs-ui/aspect-box.vue

@@ -8,6 +8,8 @@ HsUiAspectBoxHsUiAspectBox
 
 // [ vue ]
 import { computed } from 'vue';
+// [ NUXT ]
+import { useRuntimeConfig } from '#imports';
 // [ tailwind ]
 import { extendTailwindMerge } from 'tailwind-merge';
 import { type ClassType, ClassTypeToString } from '../../lib/class-style';
@@ -15,8 +17,11 @@ import { GetPrefix, RemovePrefix } from '../../lib/prefix';
 // [ src > runtime > lib > * ]
 import { Int } from '../../lib/number';
 // ----------------------------------------------------------------------------
+const runtimeConfig: any = useRuntimeConfig();
+const prefix = GetPrefix(runtimeConfig);
+// ----------------------------------------------------------------------------
 const twMerge = extendTailwindMerge({
-  prefix: GetPrefix(),
+  prefix: prefix,
 });
 // ----------------------------------------------------------------------------
 type Props = {
@@ -28,7 +33,7 @@ type Props = {
    *   - 3:2 <- Default
    *   - 4:3
    *   - 16:9
-       */
+   */
   rate?: string;
 };
 
@@ -43,7 +48,7 @@ const aspectRate = computed(() => {
   return ((right / left) * 100).toFixed(3);
 });
 
-const baseClass = RemovePrefix([
+const baseClass = RemovePrefix(prefix, [
   //
   'relative',
   'tw-relative',

package/dist/runtime/components/hs-ui/block-loading.vue

@@ -8,13 +8,18 @@ HsUiBlockLoadingHsUiBlockLoading
 
 // [ vue ]
 import { computed } from 'vue';
+// [ NUXT ]
+import { useRuntimeConfig } from '#imports';
 // [ tailwind ]
 import { extendTailwindMerge } from 'tailwind-merge';
 import { type ClassType, ClassTypeToString } from '../../lib/class-style';
 import { GetPrefix, RemovePrefix } from '../../lib/prefix';
 // ----------------------------------------------------------------------------
+const runtimeConfig: any = useRuntimeConfig();
+const prefix = GetPrefix(runtimeConfig);
+// ----------------------------------------------------------------------------
 const twMerge = extendTailwindMerge({
-  prefix: GetPrefix(),
+  prefix: prefix,
 });
 // ----------------------------------------------------------------------------
 type Props = {
@@ -27,7 +32,7 @@ const props = withDefaults(defineProps<Props>(), {
   show: false,
   message: 'Loading',
 });
-const baseClass = RemovePrefix([
+const baseClass = RemovePrefix(prefix, [
   //
   'px-2',
   'tw-px-2',
@@ -59,7 +64,7 @@ const baseClass = RemovePrefix([
 
 const variableStyle = computed(() => {
   if (props.show) {
-    return RemovePrefix([
+    return RemovePrefix(prefix,[
       //
       'pointer-events-auto',
       'tw-pointer-events-auto',
@@ -67,7 +72,7 @@ const variableStyle = computed(() => {
       'tw-opacity-100',
     ]);
   }
-  return RemovePrefix([
+  return RemovePrefix(prefix,[
     //
     'pointer-events-none',
     'tw-pointer-events-none',
@@ -84,9 +89,9 @@ const classStyle = computed(() => {
   <div class="HsUiBlockLoading" :class="[classStyle]">
     <div class="loading-container">
       <div class="loading-item">
-        <div class="loading-ball"/>
-        <div class="loading-ball"/>
-        <div class="loading-ball"/>
+        <div class="loading-ball" />
+        <div class="loading-ball" />
+        <div class="loading-ball" />
       </div>
       <div class="loading-text">{{ props.message }}</div>
     </div>

package/dist/runtime/components/hs-ui/card-item.vue

@@ -8,15 +8,20 @@ HsUiCardItemHsUiCardItem
 
 // [ vue ]
 import { computed } from 'vue';
+// [ NUXT ]
+import { useRuntimeConfig } from '#imports';
 // [ tailwind ]
 import { extendTailwindMerge } from 'tailwind-merge';
 import { type ClassType, ClassTypeToArray } from '../../lib/class-style';
 import { GetPrefix, RemovePrefix } from '../../lib/prefix';
-
+// ----------------------------------------------------------------------------
+const runtimeConfig: any = useRuntimeConfig();
+const prefix = GetPrefix(runtimeConfig);
 // ----------------------------------------------------------------------------
 const twMerge = extendTailwindMerge({
-  prefix: GetPrefix(),
+  prefix: prefix,
 });
+
 // ----------------------------------------------------------------------------
 
 interface Props {
@@ -42,7 +47,7 @@ const emit = defineEmits<Emits>();
 
 // ----------------------------------------------------------------------------
 
-const baseClass = RemovePrefix([
+const baseClass = RemovePrefix(prefix, [
   //
   'relative',
   'tw-relative',
@@ -52,7 +57,7 @@ const baseClass = RemovePrefix([
   'tw-py-1',
 ]);
 
-const baseClassHeaderFooter = RemovePrefix([
+const baseClassHeaderFooter = RemovePrefix(prefix, [
   //,,
   'relative',
   'tw-relative',
@@ -70,7 +75,7 @@ const baseClassHeaderFooter = RemovePrefix([
   'tw-flex-none',
 ]);
 
-const baseClassBody = RemovePrefix([
+const baseClassBody = RemovePrefix(prefix, [
   //
   'relative',
   'tw-relative',
@@ -84,13 +89,13 @@ const baseClassBody = RemovePrefix([
   'tw-overflow-auto',
 ]);
 
-const pe1 = RemovePrefix([
+const pe1 = RemovePrefix(prefix, [
   //
   'pe-1',
   'tw-pe-1',
 ]);
 
-const showBtnStyle = RemovePrefix([
+const showBtnStyle = RemovePrefix(prefix, [
   //
   'border-[1px]',
   'tw-border-[1px]',

package/dist/runtime/components/hs-ui/card.vue

@@ -8,14 +8,20 @@ HsUiCardHsUiCard
 
 // [ vue ]
 import { computed } from 'vue';
+// [ NUXT ]
+import { useRuntimeConfig } from '#imports';
 // [ tailwind ]
 import { extendTailwindMerge } from 'tailwind-merge';
 import { type ClassType, ClassTypeToString } from '../../lib/class-style';
 import { GetPrefix, RemovePrefix } from '../../lib/prefix';
 // ----------------------------------------------------------------------------
+const runtimeConfig: any = useRuntimeConfig();
+const prefix = GetPrefix(runtimeConfig);
+// ----------------------------------------------------------------------------
 const twMerge = extendTailwindMerge({
-  prefix: GetPrefix(),
+  prefix: prefix,
 });
+
 // ----------------------------------------------------------------------------
 interface Props {
   class?: ClassType | undefined;
@@ -24,7 +30,7 @@ const props = withDefaults(defineProps<Props>(), {
   class: '',
 });
 
-const baseClass = RemovePrefix([
+const baseClass = RemovePrefix(prefix, [
   //
   'relative',
   'tw-relative',

package/dist/runtime/components/hs-ui/container.vue

@@ -9,14 +9,18 @@ HsUiContainerHsUiContainer
 // [ node_modules ]
 // [ vue ]
 import { computed } from 'vue';
+// [ NUXT ]
+import { useRuntimeConfig } from '#imports';
 // [ tailwind ]
 import { extendTailwindMerge } from 'tailwind-merge';
 import { type ClassType, ClassTypeToString } from '../../lib/class-style';
 import { GetPrefix, RemovePrefix } from '../../lib/prefix';
-
+// ----------------------------------------------------------------------------
+const runtimeConfig: any = useRuntimeConfig();
+const prefix = GetPrefix(runtimeConfig);
 // ----------------------------------------------------------------------------
 const twMerge = extendTailwindMerge({
-  prefix: GetPrefix(),
+  prefix: prefix,
 });
 // ----------------------------------------------------------------------------
 interface Props {
@@ -25,7 +29,7 @@ interface Props {
 const props = withDefaults(defineProps<Props>(), {
   class: '',
 });
-const baseClass = RemovePrefix([
+const baseClass = RemovePrefix(prefix, [
   //
   'container',
   'tw-container',

package/dist/runtime/components/hs-ui/dialog/index.vue

@@ -8,8 +8,14 @@ HsUiDialogHsUiDialog
 
 // [ vue ]
 import { computed, watch, ref, nextTick } from 'vue';
+// [ NUXT ]
+import { useRuntimeConfig } from '#imports';
+// ----------------------------------------------------------------------------
 // [ tailwind ]
-import { RemovePrefix } from '../../../lib/prefix';
+// import { extendTailwindMerge } from 'tailwind-merge';
+// import { type ClassType, ClassTypeToString } from '../../../lib/class-style';
+import { GetPrefix, RemovePrefix } from '../../../lib/prefix';
+
 // ----------------------------------------------------------------------------
 import { DialogDefaultZIndex } from './index.type';
 import { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';
@@ -17,6 +23,12 @@ import { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';
 import { useHsUiDialog } from '../../../composables/use-hs-ui-dialog';
 import { useHsMultiLang } from '../../../composables/use-hs-multi-lang';
 // ----------------------------------------------------------------------------
+const runtimeConfig: any = useRuntimeConfig();
+const prefix = GetPrefix(runtimeConfig);
+// const twMerge = extendTailwindMerge({
+//   prefix: prefix,
+// });
+// ----------------------------------------------------------------------------
 // [ nac-Stroe ]
 const toast = useHsUiDialog();
 const state = toast.state;
@@ -132,7 +144,7 @@ watch(isShow, (v) => {
   }
 });
 
-const cancelBtnStyle = RemovePrefix([
+const cancelBtnStyle = RemovePrefix(prefix, [
   //
   'px-2',
   'tw-px-2',
@@ -148,14 +160,14 @@ const cancelBtnStyle = RemovePrefix([
   'tw-h-full',
 ]);
 
-const cancelBtnStyleInner = RemovePrefix([
+const cancelBtnStyleInner = RemovePrefix(prefix, [
   //
   'flex',
   'tw-flex',
   'items-center',
   'tw-items-center',
 ]);
-const btnBaseStyle = RemovePrefix([
+const btnBaseStyle = RemovePrefix(prefix, [
   //
   'grid',
   'tw-grid',
@@ -164,14 +176,14 @@ const btnBaseStyle = RemovePrefix([
   'gap-2',
   'tw-gap-2',
 ]);
-const btnStyle = RemovePrefix([
+const btnStyle = RemovePrefix(prefix, [
   //
   'py-1',
   'tw-py-1',
   'w-full',
   'tw-w-full',
 ]);
-const titleStyle = RemovePrefix([
+const titleStyle = RemovePrefix(prefix, [
   //
   'text-[14px]',
   'tw-text-[14px]',
@@ -182,7 +194,7 @@ const titleStyle = RemovePrefix([
   'text-wrap',
   'tw-text-wrap',
 ]);
-const messageStyle = RemovePrefix([
+const messageStyle = RemovePrefix(prefix, [
   //
   'text-[14px]',
   'tw-text-[14px]',
@@ -196,7 +208,7 @@ const messageStyle = RemovePrefix([
   'pb-2',
   'tw-pb-2',
 ]);
-const cardStyle = RemovePrefix([
+const cardStyle = RemovePrefix(prefix, [
   //
   'min-w-[300px]',
   'tw-min-w-[300px]',
@@ -211,7 +223,10 @@ const cardStyle = RemovePrefix([
     <HsUiModal ref="targetElm" :show="isShow" :z-index="zindex" focus-lock @close="clickCancel()">
       <HsUiCard v-if="activeItem !== null" class="HsUiDialog" :class="cardStyle" @click.stop>
         <HsUiCardItem
-          :class="[`theme-${activeItem.data.option.theme}`, RemovePrefix(['py-1', 'tw-py-1', 'pe-1', 'tw-pe-1'])]"
+          :class="[
+            `theme-${activeItem.data.option.theme}`,
+            RemovePrefix(prefix, ['py-1', 'tw-py-1', 'pe-1', 'tw-pe-1']),
+          ]"
           variant="header"
         >
           <div :class="titleStyle">

package/dist/runtime/components/hs-ui/modal/bg.vue

@@ -8,18 +8,22 @@ HsUiModalBgHsUiModalBg
 
 // [ vue ]
 import { computed } from 'vue';
+// [ NUXT ]
+import { useRuntimeConfig } from '#imports';
 // [ tailwind ]
 import { extendTailwindMerge } from 'tailwind-merge';
 import { type ClassType, ClassTypeToString } from '../../../lib/class-style';
 import { GetPrefix, RemovePrefix } from '../../../lib/prefix';
-
 // [ components > v-ui > modal > * ]
 import { useStoreModal } from './use-ui-modal';
-
+// ----------------------------------------------------------------------------
+const runtimeConfig: any = useRuntimeConfig();
+const prefix = GetPrefix(runtimeConfig);
 // ----------------------------------------------------------------------------
 const twMerge = extendTailwindMerge({
-  prefix: GetPrefix(),
+  prefix: prefix,
 });
+
 // ----------------------------------------------------------------------------
 
 type Props = {
@@ -41,7 +45,7 @@ const isShow = computed(() => {
   return true;
 });
 
-const baseClass = RemovePrefix([
+const baseClass = RemovePrefix(prefix, [
   //
   'transition-opacity',
   'tw-transition-opacity',
@@ -57,7 +61,7 @@ const baseClass = RemovePrefix([
 
 const variableStyle = computed(() => {
   if (isShow.value) {
-    return RemovePrefix([
+    return RemovePrefix(prefix, [
       //
       'pointer-events-auto',
       'tw-pointer-events-auto',
@@ -65,7 +69,7 @@ const variableStyle = computed(() => {
       'tw-opacity-100',
     ]);
   }
-  return RemovePrefix([
+  return RemovePrefix(prefix, [
     //
     'pointer-events-none',
     'tw-pointer-events-none',
@@ -85,6 +89,6 @@ const closeAll = () => {
 <template>
   <Teleport to="body">
     <!--  -->
-    <div class="VUiModalBg" :class="classStyle" :style="{ zIndex: zIndex }" @click.stop="closeAll()"/>
+    <div class="VUiModalBg" :class="classStyle" :style="{ zIndex: zIndex }" @click.stop="closeAll()" />
   </Teleport>
 </template>

package/dist/runtime/components/hs-ui/modal/index.vue

@@ -8,7 +8,8 @@ HsUiModalHsUiModal
 
 // [ vue ]
 import { computed, ref, watch, nextTick, onUnmounted } from 'vue';
-import { useId } from '#imports';
+// [ NUXT ]
+import { useId, useRuntimeConfig } from '#imports';
 // [ tailwind ]
 import { extendTailwindMerge } from 'tailwind-merge';
 import { type ClassType, ClassTypeToString } from '../../../lib/class-style';
@@ -18,10 +19,12 @@ import { GetPrefix, RemovePrefix } from '../../../lib/prefix';
 import { useFocusTrap } from '@vueuse/integrations/useFocusTrap';
 // [ components > v-ui > modal > * ]
 import { useStoreModal } from './use-ui-modal';
-
+// ----------------------------------------------------------------------------
+const runtimeConfig: any = useRuntimeConfig();
+const prefix = GetPrefix(runtimeConfig);
 // ----------------------------------------------------------------------------
 const twMerge = extendTailwindMerge({
-  prefix: GetPrefix(),
+  prefix: prefix,
 });
 // ----------------------------------------------------------------------------
 
@@ -97,7 +100,7 @@ const mounted = computed(() => {
   return false;
 });
 // 背景色は[VUiModalBg]が担当します
-const baseClass = RemovePrefix([
+const baseClass = RemovePrefix(prefix, [
   //
   'p-2',
   'tw-p-2',
@@ -119,7 +122,7 @@ const classStyle = computed(() => {
   return twMerge(baseClass, ClassTypeToString(props.class));
 });
 
-const innerClass = RemovePrefix([
+const innerClass = RemovePrefix(prefix, [
   //
   'w-full',
   'tw-w-full',
@@ -144,13 +147,13 @@ const innerClass = RemovePrefix([
 ]);
 const variableStyle = computed(() => {
   if (props.show) {
-    return RemovePrefix([
+    return RemovePrefix(prefix, [
       //
       'pointer-events-auto',
       'tw-pointer-events-auto',
     ]);
   }
-  return RemovePrefix([
+  return RemovePrefix(prefix, [
     //
     'pointer-events-none',
     'tw-pointer-events-none',

package/dist/runtime/components/hs-ui/toast/index.vue

@@ -8,12 +8,13 @@ HsUiToastHsUiToast
 
 // [ vue ]
 import { computed, watch } from 'vue';
-
+// [ NUXT ]
+import { useRuntimeConfig } from '#imports';
 // [ vueuse ]
 import { watchArray } from '@vueuse/core';
+// ----------------------------------------------------------------------------
 // [ tailwind ]
-import { RemovePrefix } from '../../../lib/prefix';
-
+import { GetPrefix, RemovePrefix } from '../../../lib/prefix';
 // ----------------------------------------------------------------------------
 // [ components > v-ui > toast > * ]
 import { type Message } from './index.type';
@@ -24,6 +25,14 @@ import { Int } from '../../../lib/number';
 import { useHsUiToast } from '../../../composables/use-hs-ui-toast';
 import { useHsMultiLang } from '../../../composables/use-hs-multi-lang';
 // ----------------------------------------------------------------------------
+// ----------------------------------------------------------------------------
+const runtimeConfig: any = useRuntimeConfig();
+const prefix = GetPrefix(runtimeConfig);
+
+// const twMerge = extendTailwindMerge({
+//   prefix: prefix,
+// });
+
 // [ nac-Stroe ]
 const toast = useHsUiToast();
 const state = toast.state;
@@ -73,7 +82,7 @@ const style = (message: Message) => {
   };
 };
 
-const closeBtnStyle = RemovePrefix([
+const closeBtnStyle = RemovePrefix(prefix, [
   //
   'bg-transparent',
   'tw-bg-transparent',
@@ -104,14 +113,19 @@ const closeBtnStyle = RemovePrefix([
     <div
       v-show="state.pendingList.length != 0"
       class="HsUiToast-container"
-      :class="RemovePrefix(['grid', 'tw-grid', 'gap-1', 'tw-gap-1'])"
+      :class="RemovePrefix(prefix, ['grid', 'tw-grid', 'gap-1', 'tw-gap-1'])"
     >
       <template v-for="(message, index) in state.pendingList" :key="index">
         <HsUiAccordion :span="hideSpan" :open="message.isShow">
           <HsUiCard
             class="HsUiToast"
             :class="
-              RemovePrefix(['drop-shadow-md', 'tw-drop-shadow-md', 'pointer-events-all', 'tw-pointer-events-all'])
+              RemovePrefix(prefix, [
+                'drop-shadow-md',
+                'tw-drop-shadow-md',
+                'pointer-events-all',
+                'tw-pointer-events-all',
+              ])
             "
             @click.stop=""
             @mousedown.stop=""
@@ -121,18 +135,21 @@ const closeBtnStyle = RemovePrefix([
               <HsUiCardItem
                 variant="header"
                 class="items-center"
-                :class="[`theme-${message.theme}`, RemovePrefix(['items-center', 'tw-items-center'])]"
+                :class="[`theme-${message.theme}`, RemovePrefix(prefix, ['items-center', 'tw-items-center'])]"
               >
                 <div class="HsUiToast-title">
                   {{ MultiLangText(message.title) }}
                 </div>
                 <HsFcBtn :class="closeBtnStyle" theme="white" type="outlined" @click="deleteMessage(message)">
-                  <i class="fas fa-times"/>
+                  <i class="fas fa-times" />
                 </HsFcBtn>
               </HsUiCardItem>
               <HsUiCardItem
                 v-if="MultiLangText(message.message).length > 0"
-                :class="[`theme-${message.theme}`, RemovePrefix(['items-overflow-visible', 'tw-overflow-visible'])]"
+                :class="[
+                  `theme-${message.theme}`,
+                  RemovePrefix(prefix, ['items-overflow-visible', 'tw-overflow-visible']),
+                ]"
               >
                 <div class="HsUiToast-message">
                   {{ MultiLangText(message.message) }}
@@ -143,7 +160,7 @@ const closeBtnStyle = RemovePrefix([
                 v-if="message.hideAfter != 0"
                 :class="[
                   `theme-${message.theme}`,
-                  RemovePrefix([
+                  RemovePrefix(prefix, [
                     'overflow-visible',
                     'tw-overflow-visible',
                     'p-0',
@@ -154,27 +171,27 @@ const closeBtnStyle = RemovePrefix([
                 ]"
               >
                 <div class="HsUiToast-bar-body" :class="[`${message.theme}`]">
-                  <div class="HsUiToast-bar" :style="style(message)"/>
+                  <div class="HsUiToast-bar" :style="style(message)" />
                 </div>
               </HsUiCardItem>
             </template>
             <template v-else>
               <HsUiCardItem
                 variant="header"
-                :class="[`theme-${message.theme}`, RemovePrefix(['items-center', 'tw-items-center'])]"
+                :class="[`theme-${message.theme}`, RemovePrefix(prefix, ['items-center', 'tw-items-center'])]"
               >
                 <div class="HsUiToast-message">
                   {{ MultiLangText(message.message) }}
                 </div>
                 <HsFcBtn :class="closeBtnStyle" theme="white" variant="outlined" @click="deleteMessage(message)">
-                  <i class="fas fa-times"/>
+                  <i class="fas fa-times" />
                 </HsFcBtn>
               </HsUiCardItem>
               <HsUiCardItem
                 v-if="message.hideAfter != 0"
                 :class="[
                   `theme-${message.theme}`,
-                  RemovePrefix([
+                  RemovePrefix(prefix, [
                     'overflow-visible',
                     'tw-overflow-visible',
                     'p-0',
@@ -185,7 +202,7 @@ const closeBtnStyle = RemovePrefix([
                 ]"
               >
                 <div class="HsUiToast-bar-body" :class="[`${message.theme}`]">
-                  <div class="HsUiToast-bar" :style="style(message)"/>
+                  <div class="HsUiToast-bar" :style="style(message)" />
                 </div>
               </HsUiCardItem>
             </template>

package/dist/runtime/components/v-test.vue

@@ -1,15 +1,18 @@
 <script setup lang="ts">
 // [ vue ]
-
 import { computed, ref } from 'vue';
+// [ NUXT ]
+import { useRuntimeConfig } from '#imports';
 // [ tailwind ]
 import { extendTailwindMerge } from 'tailwind-merge';
 import { type ClassType, ClassTypeToString } from '../lib/com';
 import { GetPrefix, RemovePrefix } from '../lib/prefix';
-
+// ----------------------------------------------------------------------------
+const runtimeConfig: any = useRuntimeConfig();
+const prefix = GetPrefix(runtimeConfig);
 // ----------------------------------------------------------------------------
 const twMerge = extendTailwindMerge({
-  prefix: GetPrefix(),
+  prefix: prefix,
 });
 // ----------------------------------------------------------------------------
 
@@ -22,7 +25,7 @@ const props = withDefaults(defineProps<Props>(), {
   class: '',
 });
 
-const baseClass = RemovePrefix([
+const baseClass = RemovePrefix(prefix, [
   //
   'bg-blue-400',
   'tw-bg-blue-400',

package/dist/runtime/lib/prefix.d.ts

@@ -1,2 +1,2 @@
-export declare const GetPrefix: () => "" | "tw-";
-export declare const RemovePrefix: (arg: string[]) => string[];
+export declare const GetPrefix: (runtimeConfig: any) => "" | "tw-";
+export declare const RemovePrefix: (prefix: string, arg: string[]) => string[];

package/dist/runtime/lib/prefix.js

@@ -1,14 +1,12 @@
-import { useRuntimeConfig } from "#imports";
-export const GetPrefix = () => {
-  const config = useRuntimeConfig().public.hsui;
+export const GetPrefix = (runtimeConfig) => {
+  const config = runtimeConfig.public.hsui;
   const prefix = config?.prefix || "";
   if (prefix === "tw-")
     return "tw-";
   return "";
 };
 const checkReg = /(?:[ :!]|^|\n)tw-/;
-export const RemovePrefix = (arg) => {
-  const prefix = GetPrefix();
+export const RemovePrefix = (prefix, arg) => {
   const ret = arg.reduce((ret2, row) => {
     if (prefix === "" && !checkReg.test(row) || prefix !== "" && checkReg.test(row)) {
       ret2.push(row);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-hs-ui",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Nuxt UI Pack",
   "repository": "https://github.com/hare-systems-ryo/nuxt-hs-ui",
   "license": "MIT",
@@ -52,6 +52,7 @@
     "@nuxtjs/tailwindcss": "^6.12.0",
     "@pinia/nuxt": "^0.5.1",
     "@vueuse/core": "^10.11.0",
+    "@vueuse/integrations": "^10.11.0",
     "bignumber.js": "^9.1.2",
     "body-scroll-lock": "^4.0.0-beta.0",
     "dayjs": "^1.11.11",
@@ -79,4 +80,4 @@
   "overrides": {
     "vue": "latest"
   }
-}
+}