0.7.0

Changelog

For detailed changelog, see: #241

🌟 Highlights

• Now you can use new Vue versions as they're released
• Vue plugin system w/ definePlugin (see: #231)
• Configurable /public directory (see: #255)
• Configurable src directory (see: #292)

Warning

You should install the vue package to get proper intellisense.

🔨 Improvements

• Typed response for the useFetch composable
• Make app.vue optional; Now you can just create an index.vue file inside /pages to enable routing.
• @404 path alias
• Serve Gzip and Brotli files on production

⚠️ Breaking changes

• Auto-imports are now opt-in (see: #295)
• <App /> component is now <Page />
• Pinia and Sass are no more included in Vulmix, you have to install them manually
• You should use the build command instead of prod (eg: npm run build)

Note

Although you need to install and initialize Pinia by yourself using the plugin system, with Sass you just have to install sass and start using it.

🐞 Bug fixes

• useFetch: Make the options argument optional
• Use default require for new unplugin version
• VulmixWelcome: Use anchor tag for Return to Home link
• Icon: rendering issues

📦 Dependencies

• Bump vulxi to 0.1.6

🗺️ Development

• Use Bun as package manager
• Explicitly import Ref type
• Fix infinite loop on dev build
• Enforce LF endOfLine

❤️ Contributors

• Victor Ribeiro (@ojvribeiro)

0.6.2-beta

Changelog

This is the last patch release for the 0.6.x-beta version before 0.7.0.
The last patch release is 0.6.3-beta

🐞 Bug fixes

• core: fixed aliases for images (#202)
• components: added official docs URL to <VulmixWelcome> (#203)
• fixes regression in props autocompletion (#205)

📦 Dependencies

• deps: bump @types/node to 20.4.4 (#208)
• deps: bump postcss to 8.4.27 (#207)
• deps: bump sass to 1.64.1 (#209)

0.6.1-beta

Changelog

For detailed changelog, see: #133

🌟 Highlights

• Official Vulmix domain: vulmix.dev
• Vue 3.3 support (read the official announcement)
• Page transitions

⚠️ Breaking changes

• Deprecate <Image> component
• Remove @vueuse/core. You should install it manually from 0.6.1-beta.

✨ New features

• Built-in useFetch composable
• Pinia support with auto-imported stores
• Automatically uses available port (defaults to 3000) on dev mode
• Custom auto-imports via vulmix.config.ts with imports.dirs and imports.presets
• Added href alias for to prop in <Link> component
• Page transitions via vulmix.config.ts

🔨 Improvements

• Vue 3.3 support
• Removed _dist folder from the project root on dev
• Fully typed defineVulmixConfig in vulmix.config.ts
• Listens for files creation and recompiles the project (still need to restart the server if a new folder is created)
• Better terminal messages
• Default encoding (charset) to UTF-8 if not provided in vulmix.config.ts
• Remove union types from lang
• Better welcome message in <VulmixWelcome />
• Easy TailwindCSS installation

🐞 Bug fixes

• Fixed TypeScript auto-imports with <script setup lang="ts">
• Removed default layout (layouts/default.vue) required name prop for Layout component
• PostCSS: adds support for CSS nesting in Tailwind
• Page title not changing on navigation
• Prevents child element margins to affect data-vulmix-app

📦 Dependencies

• Bump @vueuse/core to 10.2.0
• Bump @vueuse/head to 1.1.26
• Bump browser-sync to 2.29.3
• Bump sass to 1.63.6
• Bump unplugin-auto-import to 0.16.4
• Bump unplugin-vue-components to 0.25.1
• Bump pinia to 2.1.4
• Bump typescript to 5.1.6
• Bump vue to 3.3.4
• Bump vue-router to 4.2.4

📄 Documentation

• The Vulmix docs official domain is now vulmix.dev!
• Added Introduction page
• Added Pre-requisites section to Get started page and improved text
• Merged the "File-based routing" and the "Dynamic routes" pages in the "Routing" page
• Added the Auto-imports page
• Added the Hot Module Replacement page

🗺️ Development

• Update npm-publish action

0.6.0-beta

✨ New features

• Support for Iconify icons out-of-the-box (#101).

🔨 Improvements

• TypeScript support (#107)
• Removed unnecessary dependencies (#95).
• Better SEO for images (#92).
• Improve SEO for social sharing (#90).
• Make assets/img folder optional (#100).

🐞 Bug fixes

• Image optimization generating images larger than original (#89).

📦 Dependencies

• Bump @vueuse/head to the latest version (#98).

📄 Documentation

• Fixed typos in the docs (#84).

🗺️ Development

• Playground with the demo folder. You can now work on new features or fix bugs without downloading Vulmix from NPM (#92).

0.5.5-beta.12.1

Warning
This update brings breaking changes for previous versions. Follow the migration instruction bellow.

Migrating to this version

This version introduces some design decisions that may break your app, but I got you covered. Here's what changed:

• Tailwind is not a core dependency anymore. It still comes along with the create-vulmix-app starter template, but if you upgrade from previous versions (<0.5.5-beta.11), you must install it again.
• Now Vulmix has Hot Module Replacement (HMR), what makes the development process smoother.

Down bellow are the changes you need to make to use this version.

1. Update the Vulmix package

npm install [email protected]

2. Install Tailwind, if needed

Previously, Tailwind was installed by default in Vulmix. In order to make Vulmix more flexible, it was removed from the dependencies, so the developer can decide which CSS framework to use.

If your project uses Tailwind, you must install it following this guide and include the Tailwind Directives to the <style> section of the app.vue file (or import it from a separate CSS/Sass file):

@tailwind base;
@tailwind components;
@tailwind utilities;

3. Remove node_modules paths from tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
-    // Built-in templates
-    './node_modules/vulmix/src/**/pages/**/*.{vue,js}',
-    './node_modules/vulmix/src/**/components/**/*.{vue,js}',
-    './node_modules/vulmix/src/**/layouts/**/*.{vue,js}',

    // User templates
    './app.vue',
    './pages/**/*.{vue,js}',
    './components/**/*.{vue,js}',
    './layouts/**/*.{vue,js}',
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

4. Add the --hot flag to the dev script

In your package.json, in the "scripts" section, add a --hot flag to the dev command to enable HMR:

"scripts": {
  "dev": "mix watch --hot",
},

Changelog

✨ New features

• feat(core): Hot Module Replacement #80
• feat(starter-template): better welcome page with VulmixWelcome #71
• <Icon> component (docs)

🐞 Fixes

• fix(core): premature end of jpeg file #74
• fix(core): server crashes in low-end devices #77
• More stability on dev launch

⚠️ Refactors

• refactor(core): pure CSS instead of Tailwind #75

📄 Documentation

• Created home page
• Improved Get Started page
• Created some new more pages

0.4.4-alpha

Changelog

🐞 Fixes

• fix(ejs): remove Tailwind classes from main html (#56)
• fix(core): make use of favicon more flexible (#55)
• Created the ~ alias for the root directory (b4c04ee)
• Changed id app with data attribute (658ac93)

0.4.2-alpha

Changelog

✨ New features

• feat(core): support for multiple layouts (#50)
• feat(core): dynamic routes (#52)

✏️ Enhancements

• feat(core): nested components and pages (#46)

0.4.0-alpha

Changelog

✨ New features

• feat(core): head management (#45).

✏️ Enhancements

• ⚠️ refactor(template): created root app.vue file (#44).

0.3.7-alpha

Changelog

✨ New features

• feat(template): created Vercel preset (#39).
• feat(core): use EJS as the template engine (#38).

🐞 Fixes

• fix(core): allow file path hashing in watch mode (#43).
• fix(template): remove default hard-coded dark styles (#42).
• fix(deps): use mkdirp package as the folder creation method (#36).

✏️ Enhancements

• refactor(core): cleaner _dist folder generation (#29).
• refactor(core): removed build generation. Now everything is in the _dist folder.

0.3.0-alpha

Changelog

• ⚠️ Renamed .dist/ folder to _dist/
• ⚠️ Moved .vulmix/assets/ builds to build/ folder