AnalogJS 2.0 migration guide #1939
Description
Breaking Changes
Support for Analog SFCs has been removed.
The @analogjs/content package is excluded from being bundled with the router unless the content highlighter is configured through the analog plugin in the vite.config.ts file. This produces smaller bundle sizes for apps that don't use the markdown content rendering functionality.
BEFORE:
/// <reference types="vitest" />
import { defineConfig } from 'vite';
import analog from '@analogjs/platform';
// https://vitejs.dev/config/
export default defineConfig(({ mode }) => ({
build: {
target: ['es2020'],
},
resolve: {
mainFields: ['module'],
},
plugins: [
analog(), // package is excluded from the build
],
test: {
globals: true,
environment: 'jsdom',
setupFiles: ['src/test-setup.ts'],
include: ['**/*.spec.ts'],
reporters: ['default'],
},
define: {
'import.meta.vitest': mode !== 'production',
},
}));AFTER:
/// <reference types="vitest" />
import { defineConfig } from 'vite';
import analog from '@analogjs/platform';
// https://vitejs.dev/config/
export default defineConfig(({ mode }) => ({
build: {
target: ['es2020'],
},
resolve: {
mainFields: ['module'],
},
plugins: [
analog({
content: {
highlighter: 'shiki' // includes the package in the bundle
}
}),
],
test: {
globals: true,
environment: 'jsdom',
setupFiles: ['src/test-setup.ts'],
include: ['**/*.spec.ts'],
reporters: ['default'],
},
define: {
'import.meta.vitest': mode !== 'production',
},
}));The Astro Angular integration uses Angular v20 w/Zoneless change detection as a baseline.
Support for Angular v16 has been dropped.