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 vulmix@0.5.5-beta.12.1

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

0.2.3-alpha

Changelog

• Image component for optimized image assets (#26)
• CLI install via npx create-vulmix-app PROJECT_NAME (#20)