Nuxt/packages/nuxt/test/__snapshots__/treeshake-client.test.ts.snap

// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`treeshake client only in ssr > should treeshake ClientOnly correctly in dev 1`] = `
"

import DontRemoveThisSinceItIsUsedInSetup from './ComponentWithProps.vue'
import {  Glob } from '#components'


const hello = 'world'

const _sfc_main = {
  __name: 'SomeComponent1',
  setup(__props, { expose: __expose }) {
  __expose();


const NotDotClientComponent = defineAsyncComponent(() => import('./../some.island.vue'))

const NotToBeTreeShaken = defineAsyncComponent(async () => {
  if (import.meta.client) {
    return (await import('./../HelloWorld.vue'))
  }

  return {}
})



const {  ButShouldNotBeTreeShaken } = defineAsyncComponent(async () => {
  if (import.meta.client) {
    return (await import('./../HelloWorld.vue'))
  }

  return {}
})
const isThis = {}

const { woooooo, } = defineAsyncComponent(async () => {
  if (import.meta.client) {
    return (await import('./../HelloWorld.vue'))
  }

  return {}
})

if (import.meta.client) {
  // eslint-disable-next-line no-console
  console.log(woooooo)
}



const [ { Dont, }, That] = defineAsyncComponent(async () => {
  if (import.meta.client) {
    return (await import('./../HelloWorld.vue'))
  }

  return {}
})

if (import.meta.client) {
  // eslint-disable-next-line no-console
  console.log(DontRemoveThisSinceItIsUsedInSetup.props)
}

const __returned__ = { hello,  NotDotClientComponent,  NotToBeTreeShaken,    ButShouldNotBeTreeShaken, isThis, woooooo,      Dont,  That,   DontRemoveThisSinceItIsUsedInSetup,  get Glob() { return Glob },  }
Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true })
return __returned__
}

}
import { withCtx as _withCtx, createVNode as _createVNode, resolveComponent as _resolveComponent } from "vue"
import { ssrRenderComponent as _ssrRenderComponent, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from "vue/server-renderer"

function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
  const _component_DotClientComponent = _resolveComponent("DotClientComponent")
    const _component_AutoImportedNotTreeShakenComponent = _resolveComponent("AutoImportedNotTreeShakenComponent")
    const _component_ClientOnly = _resolveComponent("ClientOnly")
  
  _push(\`<div\${_ssrRenderAttrs(_attrs)} data-v-one-hash>\`)
  _push(_ssrRenderComponent($setup["NotDotClientComponent"], null, {
    
    /* STABLE */
  }, _parent))
  _push(\`<div data-v-one-hash>\`)
  _push(_ssrRenderComponent($setup["Glob"], null, null, _parent))
  _push(\`</div> \${_ssrInterpolate($setup.hello)} <div class="not-client" data-v-one-hash> Hello </div>\`)
  _push(_ssrRenderComponent(_component_DotClientComponent, null, {
    
    /* STABLE */
  }, _parent))
  _push(_ssrRenderComponent(_component_ClientOnly, null, {
    
    /* STABLE */
  }, _parent))
  _push(_ssrRenderComponent($setup["ButShouldNotBeTreeShaken"], null, null, _parent))
  _push(_ssrRenderComponent($setup["Dont"], null, null, _parent))
  _push(_ssrRenderComponent($setup["That"], null, null, _parent))
  _push(_ssrRenderComponent($setup["NotToBeTreeShaken"], null, null, _parent))
  _push(_ssrRenderComponent(_component_AutoImportedNotTreeShakenComponent, null, null, _parent))
  _push(\`</div>\`)
}

import "SomeComponent1.vue?vue&type=style&index=0&scoped=one-hash&lang.css"

import { useSSRContext as __vite_useSSRContext } from 'vue'
const _sfc_setup = _sfc_main.setup
_sfc_main.setup = (props, ctx) => {
  const ssrContext = __vite_useSSRContext()
  ;(ssrContext.modules || (ssrContext.modules = new Set())).add("SomeComponent1.vue")
  return _sfc_setup ? _sfc_setup(props, ctx) : undefined
}
import _export_sfc from 'plugin-vue:export-helper'
export default /*#__PURE__*/_export_sfc(_sfc_main, [['ssrRender',_sfc_ssrRender],['__scopeId',"data-v-one-hash"],['__file',"SomeComponent1.vue"]])"
`;

exports[`treeshake client only in ssr > should treeshake ClientOnly correctly in prod 1`] = `
"import { unref as _unref, withCtx as _withCtx, createVNode as _createVNode, resolveComponent as _resolveComponent } from "vue"
import { ssrRenderComponent as _ssrRenderComponent, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from "vue/server-renderer"



import DontRemoveThisSinceItIsUsedInSetup from './ComponentWithProps.vue'
import {  Glob } from '#components'


const hello = 'world'

const _sfc_main = {
  __name: 'SomeComponent0',
  __ssrInlineRender: true,
  setup(__props) {


const NotDotClientComponent = defineAsyncComponent(() => import('./../some.island.vue'))

const NotToBeTreeShaken = defineAsyncComponent(async () => {
  if (import.meta.client) {
    return (await import('./../HelloWorld.vue'))
  }

  return {}
})



const {  ButShouldNotBeTreeShaken } = defineAsyncComponent(async () => {
  if (import.meta.client) {
    return (await import('./../HelloWorld.vue'))
  }

  return {}
})
const isThis = {}

const { woooooo, } = defineAsyncComponent(async () => {
  if (import.meta.client) {
    return (await import('./../HelloWorld.vue'))
  }

  return {}
})

if (import.meta.client) {
  // eslint-disable-next-line no-console
  console.log(woooooo)
}



const [ { Dont, }, That] = defineAsyncComponent(async () => {
  if (import.meta.client) {
    return (await import('./../HelloWorld.vue'))
  }

  return {}
})

if (import.meta.client) {
  // eslint-disable-next-line no-console
  console.log(DontRemoveThisSinceItIsUsedInSetup.props)
}

return (_ctx, _push, _parent, _attrs) => {
  const _component_DotClientComponent = _resolveComponent("DotClientComponent")
    const _component_AutoImportedNotTreeShakenComponent = _resolveComponent("AutoImportedNotTreeShakenComponent")
    const _component_ClientOnly = _resolveComponent("ClientOnly")
  
  _push(\`<div\${_ssrRenderAttrs(_attrs)} data-v-one-hash>\`)
  _push(_ssrRenderComponent(_unref(NotDotClientComponent), null, {
    
    /* STABLE */
  }, _parent))
  _push(\`<div data-v-one-hash>\`)
  _push(_ssrRenderComponent(_unref(Glob), null, null, _parent))
  _push(\`</div> \${_ssrInterpolate(hello)} <div class="not-client" data-v-one-hash> Hello </div>\`)
  _push(_ssrRenderComponent(_component_DotClientComponent, null, {
    
    /* STABLE */
  }, _parent))
  _push(_ssrRenderComponent(_component_ClientOnly, null, {
    
    /* STABLE */
  }, _parent))
  _push(_ssrRenderComponent(_unref(ButShouldNotBeTreeShaken), null, null, _parent))
  _push(_ssrRenderComponent(_unref(Dont), null, null, _parent))
  _push(_ssrRenderComponent(_unref(That), null, null, _parent))
  _push(_ssrRenderComponent(_unref(NotToBeTreeShaken), null, null, _parent))
  _push(_ssrRenderComponent(_component_AutoImportedNotTreeShakenComponent, null, null, _parent))
  _push(\`</div>\`)
}
}

}


import "SomeComponent0.vue?vue&type=style&index=0&scoped=one-hash&lang.css"

import { useSSRContext as __vite_useSSRContext } from 'vue'
const _sfc_setup = _sfc_main.setup
_sfc_main.setup = (props, ctx) => {
  const ssrContext = __vite_useSSRContext()
  ;(ssrContext.modules || (ssrContext.modules = new Set())).add("SomeComponent0.vue")
  return _sfc_setup ? _sfc_setup(props, ctx) : undefined
}
import _export_sfc from 'plugin-vue:export-helper'
export default /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-one-hash"],['__file',"SomeComponent0.vue"]])"
`;