⬅️ Back to Table of Contents

📄 demo.vue

📊 Analysis Summary

Metric	Count
📦 Imports	8
📊 Variables & Constants	6
🟢 Vue Composition API	7

📚 Table of Contents

• Imports
• Variables & Constants
• Vue Composition API

🛠️ File Location:

📂 packages/core/useParallax/demo.vue

📦 Imports

Name	Source
CSSProperties	vue
reactify	@vueuse/core
useMediaQuery	@vueuse/core
useParallax	@vueuse/core
computed	vue
reactive	vue
useTemplateRef	vue
YAML	yaml

---

Variables & Constants

Name	Type	Kind	Value	Exported
target	boolean	let/var	useTemplateRef<HTMLElement>('target')	✗
targetStyle	CSSProperties	let/var	`{
display: 'flex',
flexDirection: 'column',
justifyContent: 'center',
minHeight: '500px',
transition: '.3s ease-out all',
}`	✗
cardWindowStyle	CSSProperties	let/var	`{
overflow: 'hidden',
fontSize: '6rem',
position: 'absolute',
top: 'calc(50% - 1em)',
left: 'calc(50% - 1em)',
height: '2em',
width: '2em',
margin: 'auto',
}`	✗
layerBase	CSSProperties	let/var	`{
position: 'absolute',
height: '100%',
width: '100%',
transition: '.3s ease-out all',
}`	✗
containerStyle	CSSProperties	let/var	`{
margin: '3em auto',
perspective: '300px',
}`	✗
layer4	CSSProperties	let/var	layerBase	✗

---

Vue Composition API

Name	Type	Reactive Variables	Composables
reactive	reactive	none	none
computed	computed	none	none
computed	computed	none	none
computed	computed	none	none
computed	computed	none	none
computed	computed	none	none
computed	computed	none	none

---