@citizenplane/pimp 18.9.0 → 18.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citizenplane/pimp",
-  "version": "18.9.0",
+  "version": "18.9.2",
   "scripts": {
     "dev": "storybook dev -p 8081",
     "build-storybook": "storybook build --output-dir ./docs",

package/src/components/CpDynamicDialog.vue

@@ -53,13 +53,12 @@ const dynamicComponentRef = useTemplateRef('dynamicComponentRef')
 
 const isVisibleModel = defineModel<boolean>('isVisible', { default: false })
 
-const ClientOnly = resolveComponent('client-only')
 const CpTransitionDialog = resolveComponent('cp-transition-dialog')
 const CpBottomSheet = resolveComponent('cp-bottom-sheet')
 const CpDialog = resolveComponent('cp-dialog')
 
 const dynamicWrapperComponent = computed(() => {
-  if (isMobile.value) return ClientOnly
+  if (isMobile.value) return 'div'
   return CpTransitionDialog
 })
 

package/src/components/index.ts

@@ -79,6 +79,7 @@ const Components = {
   CpToast,
   CpButtonToggle,
   CpBadge,
+  CpBottomSheet,
   CpTabs,
   CpHeading,
   CpButton,
@@ -168,6 +169,7 @@ export {
   CpDate,
   CpDatepicker,
   CpDialog,
+  CpDynamicDialog,
   CpHeading,
   CpIcon,
   CpInput,

package/src/stories/CpDynamicDialog.stories.ts

@@ -1,22 +1,14 @@
 import type { Meta, StoryObj } from '@storybook/vue3-vite'
-import { getCurrentInstance, ref } from 'vue'
+import { ref } from 'vue'
 
 import CpDynamicDialog from '@/components/CpDynamicDialog.vue'
 
-const ClientOnlyStub = { template: '<slot />' }
-
-const registerClientOnly = () => {
-  const instance = getCurrentInstance()
-  instance?.appContext.app.component('client-only', ClientOnlyStub)
-}
-
 const STORY_TRIGGER_LAYOUT =
   'display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 60vh; width: 100%;'
 
 const createStoryRender = (content: string) => (args: Record<string, unknown>) => ({
   components: { CpDynamicDialog },
   setup() {
-    registerClientOnly()
     const isVisible = ref(false)
     return { args, isVisible }
   },