All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
Changed
- Improved
pathToFullPathAndFilename
to work withindex.vue
files. Now../ComponentName/index.vue
can be referenced asComponentName
#23
- Support for custom Vue instance initialization #13 by @morfert
- Invalid live_vue import in copied package.json (
file:../..
->file:../deps/live_vue
) - Changed
useLiveVue
inject key fromSymbol()
to_live_vue
string, so it's working if Vite does a reload and Symbol is re-evaluated.
- Added live_vue, phoenix, phoenix_html and phonenix_live_vue to vite
optimizeDeps.include
config options. It should pre-bundle these packages in development, making it consistent with packages imported from node_modules and improve DX. - Added initial typescript definitions. Apparently it's enough to name them
<filename>.d.mts
, so I've created them both forindex.mjs
andserver.mjs
- Added a Mix.Task to make JS file setup more straightforward and cross-platform #11. Contribution by @morfert 🔥
- Installation instruction was moved to the separate file
- Package.json was added to files automatically copied from live_vue when using
mix live_vue.setup
- Removed
build: {modulePreload: { polyfill: false }}
from vite.config.js as it made it impossible to usevite/modulepreload-polyfill
. To migrate: please remove that line from yours vite.config.js. Fixed #12
- Fixed missing import in loadManifest
- Added
import "vite/modulepreload-polyfill";
toassets/vue/index.js
. To migrate, add that line to the top. It adds polyfill for module preload, required for some browsers. More here: https://vitejs.dev/config/build-options#build-modulepreload
- Removed
body-parser
dependency fromlive_vue
. Should fix #9
- Props are correctly updated when being arrays of structs
- Javascript imports were mixed - vitePlugin.js was using CJS, rest was using ESM. Now it's explicit by adding ".mjs" extension.
- Removed
:attr
declarations for<.vue>
component to avoid warnings related to unexpected props being passed to:rest
attribute #8
- Hot reload of CSS when updating Elixir files
- Simplified
assets/vue/index.js
file - mapping filenames to keys is done by the library. Previous version should still work.
- removed esbuild from live_vue,
package.json
points directly toassets/js/live_vue
- added support to lazy loading components. See more in README. To migrate, ensure all steps from installation are up-to-date.
QoL release
@
added to Vite & typescript paths. To migrate, seeassets/copy/tsconfig.json
andassets/copy/vite.config.js
- Added Vite types to tsconfig.json to support special imports, eg. svg. To migrate, add
"types": ["vite/client"]
. - Added possibility to colocate Vue files in
lib
directory. To migrate, copyassets/copy/vue/index.js
to your project.
- Adjusted files hierarchy to match module names
- Publishing with expublish
- Start of the project
- End-To-End Reactivity with LiveView
- Server-Side Rendered (SSR) Vue
- Tailwind Support
- Dead View Support
- Vite support