diff --git a/.github/workflows/visual-regression.yml b/.github/workflows/visual-regression.yml
index 8ccc4b7b3..516b9a1d8 100644
--- a/.github/workflows/visual-regression.yml
+++ b/.github/workflows/visual-regression.yml
@@ -38,26 +38,17 @@ jobs:
- { template: vite, bulma: complete, icon: none }
- { template: vite, bulma: prefixed, icon: none }
- { template: vite, bulma: no-helpers, icon: none }
- - { template: vite, bulma: no-helpers-prefixed, icon: none }
- - { template: vite, bulma: no-dark-mode, icon: none }
# Core: vite-ts × Bulma flavors (no icons)
- { template: vite-ts, bulma: complete, icon: none }
- { template: vite-ts, bulma: prefixed, icon: none }
- { template: vite-ts, bulma: no-helpers, icon: none }
- - { template: vite-ts, bulma: no-helpers-prefixed, icon: none }
- - { template: vite-ts, bulma: no-dark-mode, icon: none }
- # Icon libraries: vite + complete + icons
+ # Icon libraries: Essential icons only
- { template: vite, bulma: complete, icon: fontawesome }
- { template: vite, bulma: complete, icon: mdi }
- - { template: vite, bulma: complete, icon: ionicons }
- - { template: vite, bulma: complete, icon: material-icons }
- - { template: vite, bulma: complete, icon: material-symbols }
-
- # TypeScript + Icon combinations
- { template: vite-ts, bulma: complete, icon: fontawesome }
- - { template: vite-ts, bulma: prefixed, icon: fontawesome }
+ - { template: vite-ts, bulma: complete, icon: mdi }
steps:
- name: Checkout code
@@ -228,6 +219,6 @@ jobs:
run: |
echo "## Visual Regression Test Results" >> $GITHUB_STEP_SUMMARY
echo "" >> $GITHUB_STEP_SUMMARY
- echo "🎯 Total test scenarios: 17" >> $GITHUB_STEP_SUMMARY
- echo "📦 Fresh npm downloads: ~17 packages per run" >> $GITHUB_STEP_SUMMARY
+ echo "🎯 Total test scenarios: 10" >> $GITHUB_STEP_SUMMARY
+ echo "📦 Fresh npm downloads: ~10 packages per run" >> $GITHUB_STEP_SUMMARY
echo "✅ Status: ${{ needs.visual-regression.result }}" >> $GITHUB_STEP_SUMMARY
diff --git a/create-bestax/e2e/tests/app.spec.ts b/create-bestax/e2e/tests/app.spec.ts
index 5e206e7cd..e70f63d29 100644
--- a/create-bestax/e2e/tests/app.spec.ts
+++ b/create-bestax/e2e/tests/app.spec.ts
@@ -4,7 +4,7 @@ import { test, expect } from '@playwright/test';
* E2E and Visual Regression Tests for create-bestax scaffolded applications.
*
* These tests verify:
- * - Hero section renders correctly
+ * - Logo section renders correctly with Bestax, Vite, and React logos
* - Card components display properly
* - Interactive elements (buttons, notifications) work as expected
* - Counter functionality operates correctly
@@ -14,16 +14,25 @@ import { test, expect } from '@playwright/test';
* for visual regression detection.
*/
-test.describe('Scaffolded App - Hero Section', () => {
- test('hero section renders with correct branding', async ({ page }) => {
+test.describe('Scaffolded App - Logo Section', () => {
+ test('logo section renders with correct branding', async ({ page }) => {
await page.goto('/');
- // Verify hero content
- const heroTitle = page.locator('h1').first();
- await expect(heroTitle).toContainText('Welcome to Bestax');
+ // Verify logo section title
+ const logoTitle = page.locator('h1').first();
+ await expect(logoTitle).toContainText('Bestax + Vite + React');
+
+ // Verify all three logos are present
+ const bestaxLogo = page.locator('img[alt="Bestax"]');
+ const viteLogo = page.locator('img[alt="Vite"]');
+ const reactLogo = page.locator('img[alt="React"]');
+
+ await expect(bestaxLogo).toBeVisible();
+ await expect(viteLogo).toBeVisible();
+ await expect(reactLogo).toBeVisible();
// Visual regression check
- await expect(page).toHaveScreenshot('01-hero-section.png', {
+ await expect(page).toHaveScreenshot('01-logo-section.png', {
fullPage: false,
clip: { x: 0, y: 0, width: 1920, height: 400 },
});
@@ -35,23 +44,26 @@ test.describe('Scaffolded App - Info Cards', () => {
await page.goto('/');
// Verify all three cards are present (works for both prefixed and unprefixed)
- const cards = page.locator('[class$="card"]:not([class*="card-"])');
+ // Use a more specific selector that works with both 'card' and 'bulma-card' classes
+ const cards = page.locator('.card, .bulma-card').filter({
+ has: page.locator('.card-content, .bulma-card-content'),
+ });
await expect(cards).toHaveCount(3);
// Verify card titles
await expect(
- page.locator('[class$="card-header-title"]').nth(0)
+ page.locator('.card-header-title, .bulma-card-header-title').nth(0)
).toContainText('Quick Start');
await expect(
- page.locator('[class$="card-header-title"]').nth(1)
+ page.locator('.card-header-title, .bulma-card-header-title').nth(1)
).toContainText('Documentation');
await expect(
- page.locator('[class$="card-header-title"]').nth(2)
+ page.locator('.card-header-title, .bulma-card-header-title').nth(2)
).toContainText('Examples');
// Visual regression check for cards section
const cardsSection = page
- .locator('[class$="columns"]')
+ .locator('.columns, .bulma-columns')
.filter({ hasText: 'Quick Start' })
.first();
await expect(cardsSection).toHaveScreenshot('02-info-cards.png');
@@ -80,7 +92,7 @@ test.describe('Scaffolded App - Notification Toggle', () => {
// Visual regression check with notification visible
const interactiveSection = page
- .locator('[class$="box"]')
+ .locator('.box, .bulma-box')
.filter({ hasText: 'Interactive Example' });
await expect(interactiveSection).toHaveScreenshot(
'03-notification-visible.png'
@@ -109,7 +121,7 @@ test.describe('Scaffolded App - Notification Toggle', () => {
// Visual regression check with notification hidden
const interactiveSection = page
- .locator('[class$="box"]')
+ .locator('.box, .bulma-box')
.filter({ hasText: 'Interactive Example' });
await expect(interactiveSection).toHaveScreenshot(
'04-notification-hidden.png'
@@ -138,7 +150,7 @@ test.describe('Scaffolded App - Counter', () => {
// Visual regression check (works for both prefixed and unprefixed)
const interactiveSection = page
- .locator('[class$="box"]')
+ .locator('.box, .bulma-box')
.filter({ hasText: 'Interactive Example' });
await expect(interactiveSection).toHaveScreenshot(
'05-counter-incremented.png'
@@ -172,7 +184,7 @@ test.describe('Scaffolded App - Counter', () => {
// Visual regression check
const interactiveSection = page
- .locator('[class$="box"]')
+ .locator('.box, .bulma-box')
.filter({ hasText: 'Interactive Example' });
await expect(interactiveSection).toHaveScreenshot('06-counter-reset.png');
});
@@ -200,7 +212,7 @@ test.describe('Scaffolded App - Counter', () => {
// Visual regression check
const interactiveSection = page
- .locator('[class$="box"]')
+ .locator('.box, .bulma-box')
.filter({ hasText: 'Interactive Example' });
await expect(interactiveSection).toHaveScreenshot(
'07-counter-milestone.png'
@@ -214,7 +226,9 @@ test.describe('Scaffolded App - Responsive Design', () => {
await page.goto('/');
// Verify content is still visible
- await expect(page.locator('h1').first()).toContainText('Welcome to Bestax');
+ await expect(page.locator('h1').first()).toContainText(
+ 'Bestax + Vite + React'
+ );
// Visual regression check
await expect(page).toHaveScreenshot('08-tablet-view.png', {
@@ -227,7 +241,9 @@ test.describe('Scaffolded App - Responsive Design', () => {
await page.goto('/');
// Verify content is still visible
- await expect(page.locator('h1').first()).toContainText('Welcome to Bestax');
+ await expect(page.locator('h1').first()).toContainText(
+ 'Bestax + Vite + React'
+ );
// Visual regression check
await expect(page).toHaveScreenshot('09-mobile-view.png', {
@@ -242,9 +258,7 @@ test.describe('Scaffolded App - Full Page', () => {
// Wait for all content to be loaded (works for both prefixed and unprefixed)
await expect(page.locator('h1').first()).toBeVisible();
- await expect(
- page.locator('[class$="card"]:not([class*="card-"])').first()
- ).toBeVisible();
+ await expect(page.locator('.card, .bulma-card').first()).toBeVisible();
// Full page screenshot for comprehensive visual check
await expect(page).toHaveScreenshot('10-full-page.png', {
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/01-logo-section-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/01-logo-section-chromium-linux.png
new file mode 100644
index 000000000..6e834c3bd
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/01-logo-section-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/02-info-cards-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/02-info-cards-chromium-linux.png
index 67ee4825a..065713afe 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/02-info-cards-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/02-info-cards-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/03-notification-visible-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/03-notification-visible-chromium-linux.png
index 92e6bfbd0..04222930f 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/03-notification-visible-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/03-notification-visible-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/04-notification-hidden-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/04-notification-hidden-chromium-linux.png
index 005954d3c..453c015d1 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/04-notification-hidden-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/04-notification-hidden-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/05-counter-incremented-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/05-counter-incremented-chromium-linux.png
index 7959ab9fa..740745169 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/05-counter-incremented-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/05-counter-incremented-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/06-counter-reset-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/06-counter-reset-chromium-linux.png
index 005954d3c..f59b3fb6c 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/06-counter-reset-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/06-counter-reset-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/07-counter-milestone-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/07-counter-milestone-chromium-linux.png
index 4b6212e40..b46d91b53 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/07-counter-milestone-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/07-counter-milestone-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/08-tablet-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/08-tablet-view-chromium-linux.png
index 9d50ab184..69a8b2269 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/08-tablet-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/08-tablet-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/09-mobile-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/09-mobile-view-chromium-linux.png
index e996057d6..194f78100 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/09-mobile-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/09-mobile-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/10-full-page-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/10-full-page-chromium-linux.png
index 9e0fc0a16..5895d41ec 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/10-full-page-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-fontawesome/10-full-page-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/01-logo-section-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/01-logo-section-chromium-linux.png
new file mode 100644
index 000000000..6e834c3bd
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/01-logo-section-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/02-info-cards-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/02-info-cards-chromium-linux.png
index d79312ff5..a3267d4bd 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/02-info-cards-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/02-info-cards-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/03-notification-visible-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/03-notification-visible-chromium-linux.png
index 92e6bfbd0..04222930f 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/03-notification-visible-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/03-notification-visible-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/04-notification-hidden-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/04-notification-hidden-chromium-linux.png
index 005954d3c..453c015d1 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/04-notification-hidden-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/04-notification-hidden-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/05-counter-incremented-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/05-counter-incremented-chromium-linux.png
index 7959ab9fa..740745169 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/05-counter-incremented-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/05-counter-incremented-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/06-counter-reset-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/06-counter-reset-chromium-linux.png
index 005954d3c..f59b3fb6c 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/06-counter-reset-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/06-counter-reset-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/07-counter-milestone-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/07-counter-milestone-chromium-linux.png
index 4b6212e40..b46d91b53 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/07-counter-milestone-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/07-counter-milestone-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/08-tablet-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/08-tablet-view-chromium-linux.png
index 6e7e9e05b..5a8232298 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/08-tablet-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/08-tablet-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/09-mobile-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/09-mobile-view-chromium-linux.png
index 4480f0340..a5d07d78a 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/09-mobile-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/09-mobile-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/10-full-page-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/10-full-page-chromium-linux.png
index 44ef01ccf..06563d52d 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/10-full-page-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-mdi/10-full-page-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/01-logo-section-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/01-logo-section-chromium-linux.png
new file mode 100644
index 000000000..6e834c3bd
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/01-logo-section-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/02-info-cards-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/02-info-cards-chromium-linux.png
index 6147c3439..b50308c14 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/02-info-cards-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/02-info-cards-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/03-notification-visible-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/03-notification-visible-chromium-linux.png
index 92e6bfbd0..04222930f 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/03-notification-visible-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/03-notification-visible-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/04-notification-hidden-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/04-notification-hidden-chromium-linux.png
index 005954d3c..453c015d1 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/04-notification-hidden-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/04-notification-hidden-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/05-counter-incremented-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/05-counter-incremented-chromium-linux.png
index 7959ab9fa..740745169 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/05-counter-incremented-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/05-counter-incremented-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/06-counter-reset-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/06-counter-reset-chromium-linux.png
index 005954d3c..f59b3fb6c 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/06-counter-reset-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/06-counter-reset-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/07-counter-milestone-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/07-counter-milestone-chromium-linux.png
index 4b6212e40..b46d91b53 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/07-counter-milestone-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/07-counter-milestone-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/08-tablet-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/08-tablet-view-chromium-linux.png
index ad1d471a9..3d8dda5c0 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/08-tablet-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/08-tablet-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/09-mobile-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/09-mobile-view-chromium-linux.png
index c49671b76..e5701cf32 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/09-mobile-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/09-mobile-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/10-full-page-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/10-full-page-chromium-linux.png
index 20aeb9069..b2814c5a6 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/10-full-page-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-complete-none/10-full-page-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/01-logo-section-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/01-logo-section-chromium-linux.png
new file mode 100644
index 000000000..39aa500a8
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/01-logo-section-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/02-info-cards-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/02-info-cards-chromium-linux.png
index 6147c3439..bd1703a15 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/02-info-cards-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/02-info-cards-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/03-notification-visible-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/03-notification-visible-chromium-linux.png
index 92e6bfbd0..04222930f 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/03-notification-visible-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/03-notification-visible-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/04-notification-hidden-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/04-notification-hidden-chromium-linux.png
index 005954d3c..453c015d1 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/04-notification-hidden-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/04-notification-hidden-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/05-counter-incremented-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/05-counter-incremented-chromium-linux.png
index 7959ab9fa..740745169 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/05-counter-incremented-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/05-counter-incremented-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/06-counter-reset-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/06-counter-reset-chromium-linux.png
index 005954d3c..f59b3fb6c 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/06-counter-reset-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/06-counter-reset-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/07-counter-milestone-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/07-counter-milestone-chromium-linux.png
index 4b6212e40..b46d91b53 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/07-counter-milestone-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/07-counter-milestone-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/08-tablet-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/08-tablet-view-chromium-linux.png
index 0fa34ca7c..9095e4854 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/08-tablet-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/08-tablet-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/09-mobile-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/09-mobile-view-chromium-linux.png
index 427e3fd8a..e3771b1c0 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/09-mobile-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/09-mobile-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/10-full-page-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/10-full-page-chromium-linux.png
index 08dcf6146..2dc0b7dfc 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/10-full-page-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-no-helpers-none/10-full-page-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/01-logo-section-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/01-logo-section-chromium-linux.png
new file mode 100644
index 000000000..6e834c3bd
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/01-logo-section-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/02-info-cards-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/02-info-cards-chromium-linux.png
index 6147c3439..b50308c14 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/02-info-cards-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/02-info-cards-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/03-notification-visible-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/03-notification-visible-chromium-linux.png
index 92e6bfbd0..04222930f 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/03-notification-visible-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/03-notification-visible-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/04-notification-hidden-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/04-notification-hidden-chromium-linux.png
index 005954d3c..453c015d1 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/04-notification-hidden-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/04-notification-hidden-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/05-counter-incremented-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/05-counter-incremented-chromium-linux.png
index 7959ab9fa..740745169 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/05-counter-incremented-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/05-counter-incremented-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/06-counter-reset-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/06-counter-reset-chromium-linux.png
index 005954d3c..f59b3fb6c 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/06-counter-reset-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/06-counter-reset-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/07-counter-milestone-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/07-counter-milestone-chromium-linux.png
index 4b6212e40..b46d91b53 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/07-counter-milestone-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/07-counter-milestone-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/08-tablet-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/08-tablet-view-chromium-linux.png
index ad1d471a9..3d8dda5c0 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/08-tablet-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/08-tablet-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/09-mobile-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/09-mobile-view-chromium-linux.png
index c49671b76..e5701cf32 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/09-mobile-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/09-mobile-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/10-full-page-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/10-full-page-chromium-linux.png
index 20aeb9069..b2814c5a6 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/10-full-page-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-prefixed-none/10-full-page-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/01-logo-section-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/01-logo-section-chromium-linux.png
new file mode 100644
index 000000000..6e834c3bd
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/01-logo-section-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/02-info-cards-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/02-info-cards-chromium-linux.png
index 2df6b9d6c..e628d33a0 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/02-info-cards-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/02-info-cards-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/03-notification-visible-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/03-notification-visible-chromium-linux.png
index 92e6bfbd0..04222930f 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/03-notification-visible-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/03-notification-visible-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/04-notification-hidden-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/04-notification-hidden-chromium-linux.png
index 005954d3c..453c015d1 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/04-notification-hidden-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/04-notification-hidden-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/05-counter-incremented-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/05-counter-incremented-chromium-linux.png
index 7959ab9fa..740745169 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/05-counter-incremented-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/05-counter-incremented-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/06-counter-reset-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/06-counter-reset-chromium-linux.png
index 005954d3c..f59b3fb6c 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/06-counter-reset-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/06-counter-reset-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/07-counter-milestone-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/07-counter-milestone-chromium-linux.png
index 4b6212e40..b46d91b53 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/07-counter-milestone-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/07-counter-milestone-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/08-tablet-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/08-tablet-view-chromium-linux.png
index 4a26f0d5a..2361da913 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/08-tablet-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/08-tablet-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/09-mobile-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/09-mobile-view-chromium-linux.png
index 7aef93758..e1592c5fd 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/09-mobile-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/09-mobile-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/10-full-page-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/10-full-page-chromium-linux.png
index 9a0b24c48..dc06fb64b 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/10-full-page-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-fontawesome/10-full-page-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/01-logo-section-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/01-logo-section-chromium-linux.png
new file mode 100644
index 000000000..6e834c3bd
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/01-logo-section-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/02-info-cards-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/02-info-cards-chromium-linux.png
new file mode 100644
index 000000000..690c84887
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/02-info-cards-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/03-notification-visible-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/03-notification-visible-chromium-linux.png
new file mode 100644
index 000000000..04222930f
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/03-notification-visible-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/04-notification-hidden-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/04-notification-hidden-chromium-linux.png
new file mode 100644
index 000000000..453c015d1
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/04-notification-hidden-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/05-counter-incremented-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/05-counter-incremented-chromium-linux.png
new file mode 100644
index 000000000..740745169
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/05-counter-incremented-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/06-counter-reset-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/06-counter-reset-chromium-linux.png
new file mode 100644
index 000000000..f59b3fb6c
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/06-counter-reset-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/07-counter-milestone-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/07-counter-milestone-chromium-linux.png
new file mode 100644
index 000000000..b46d91b53
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/07-counter-milestone-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/08-tablet-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/08-tablet-view-chromium-linux.png
new file mode 100644
index 000000000..1167410b3
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/08-tablet-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/09-mobile-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/09-mobile-view-chromium-linux.png
new file mode 100644
index 000000000..387b606d3
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/09-mobile-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/10-full-page-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/10-full-page-chromium-linux.png
new file mode 100644
index 000000000..07a5ed3b7
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-mdi/10-full-page-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/01-logo-section-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/01-logo-section-chromium-linux.png
new file mode 100644
index 000000000..6e834c3bd
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/01-logo-section-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/02-info-cards-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/02-info-cards-chromium-linux.png
index ff36c9b9f..72ec295b7 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/02-info-cards-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/02-info-cards-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/03-notification-visible-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/03-notification-visible-chromium-linux.png
index 92e6bfbd0..04222930f 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/03-notification-visible-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/03-notification-visible-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/04-notification-hidden-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/04-notification-hidden-chromium-linux.png
index 005954d3c..453c015d1 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/04-notification-hidden-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/04-notification-hidden-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/05-counter-incremented-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/05-counter-incremented-chromium-linux.png
index 7959ab9fa..740745169 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/05-counter-incremented-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/05-counter-incremented-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/06-counter-reset-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/06-counter-reset-chromium-linux.png
index 005954d3c..f59b3fb6c 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/06-counter-reset-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/06-counter-reset-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/07-counter-milestone-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/07-counter-milestone-chromium-linux.png
index 4b6212e40..b46d91b53 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/07-counter-milestone-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/07-counter-milestone-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/08-tablet-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/08-tablet-view-chromium-linux.png
index 0a53c30f9..9c9b3535a 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/08-tablet-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/08-tablet-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/09-mobile-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/09-mobile-view-chromium-linux.png
index 4503ade1c..a29826983 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/09-mobile-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/09-mobile-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/10-full-page-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/10-full-page-chromium-linux.png
index 2c772fa6f..72ac1c5a1 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/10-full-page-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-complete-none/10-full-page-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/01-logo-section-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/01-logo-section-chromium-linux.png
new file mode 100644
index 000000000..39aa500a8
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/01-logo-section-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/02-info-cards-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/02-info-cards-chromium-linux.png
index ff36c9b9f..e4b567c47 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/02-info-cards-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/02-info-cards-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/03-notification-visible-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/03-notification-visible-chromium-linux.png
index 92e6bfbd0..04222930f 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/03-notification-visible-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/03-notification-visible-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/04-notification-hidden-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/04-notification-hidden-chromium-linux.png
index 005954d3c..453c015d1 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/04-notification-hidden-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/04-notification-hidden-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/05-counter-incremented-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/05-counter-incremented-chromium-linux.png
index 7959ab9fa..740745169 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/05-counter-incremented-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/05-counter-incremented-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/06-counter-reset-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/06-counter-reset-chromium-linux.png
index 005954d3c..f59b3fb6c 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/06-counter-reset-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/06-counter-reset-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/07-counter-milestone-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/07-counter-milestone-chromium-linux.png
index 4b6212e40..b46d91b53 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/07-counter-milestone-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/07-counter-milestone-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/08-tablet-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/08-tablet-view-chromium-linux.png
index 58a5ffc97..194f1eaa0 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/08-tablet-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/08-tablet-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/09-mobile-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/09-mobile-view-chromium-linux.png
index 8e6cece79..3cbcf1793 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/09-mobile-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/09-mobile-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/10-full-page-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/10-full-page-chromium-linux.png
index 433059153..d9cd5f228 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/10-full-page-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-none/10-full-page-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/01-logo-section-chromium-darwin.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/01-logo-section-chromium-darwin.png
new file mode 100644
index 000000000..e22322365
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/01-logo-section-chromium-darwin.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/02-info-cards-chromium-darwin.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/02-info-cards-chromium-darwin.png
new file mode 100644
index 000000000..994dfbd5c
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/02-info-cards-chromium-darwin.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/03-notification-visible-chromium-darwin.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/03-notification-visible-chromium-darwin.png
new file mode 100644
index 000000000..368290e89
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/03-notification-visible-chromium-darwin.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/04-notification-hidden-chromium-darwin.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/04-notification-hidden-chromium-darwin.png
new file mode 100644
index 000000000..7d20b9547
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/04-notification-hidden-chromium-darwin.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/05-counter-incremented-chromium-darwin.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/05-counter-incremented-chromium-darwin.png
new file mode 100644
index 000000000..1501449f2
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/05-counter-incremented-chromium-darwin.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/06-counter-reset-chromium-darwin.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/06-counter-reset-chromium-darwin.png
new file mode 100644
index 000000000..fb69dcc99
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/06-counter-reset-chromium-darwin.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/07-counter-milestone-chromium-darwin.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/07-counter-milestone-chromium-darwin.png
new file mode 100644
index 000000000..96b912989
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/07-counter-milestone-chromium-darwin.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/08-tablet-view-chromium-darwin.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/08-tablet-view-chromium-darwin.png
new file mode 100644
index 000000000..0c778b64b
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/08-tablet-view-chromium-darwin.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/09-mobile-view-chromium-darwin.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/09-mobile-view-chromium-darwin.png
new file mode 100644
index 000000000..66d35800f
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/09-mobile-view-chromium-darwin.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/10-full-page-chromium-darwin.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/10-full-page-chromium-darwin.png
new file mode 100644
index 000000000..a37dd9c29
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-no-helpers-prefixed-none/10-full-page-chromium-darwin.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/01-logo-section-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/01-logo-section-chromium-linux.png
new file mode 100644
index 000000000..6e834c3bd
Binary files /dev/null and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/01-logo-section-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/02-info-cards-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/02-info-cards-chromium-linux.png
index ff36c9b9f..72ec295b7 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/02-info-cards-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/02-info-cards-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/03-notification-visible-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/03-notification-visible-chromium-linux.png
index 92e6bfbd0..04222930f 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/03-notification-visible-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/03-notification-visible-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/04-notification-hidden-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/04-notification-hidden-chromium-linux.png
index 005954d3c..453c015d1 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/04-notification-hidden-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/04-notification-hidden-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/05-counter-incremented-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/05-counter-incremented-chromium-linux.png
index 7959ab9fa..740745169 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/05-counter-incremented-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/05-counter-incremented-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/06-counter-reset-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/06-counter-reset-chromium-linux.png
index 005954d3c..f59b3fb6c 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/06-counter-reset-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/06-counter-reset-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/07-counter-milestone-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/07-counter-milestone-chromium-linux.png
index 4b6212e40..b46d91b53 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/07-counter-milestone-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/07-counter-milestone-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/08-tablet-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/08-tablet-view-chromium-linux.png
index 0a53c30f9..9c9b3535a 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/08-tablet-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/08-tablet-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/09-mobile-view-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/09-mobile-view-chromium-linux.png
index 4503ade1c..a29826983 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/09-mobile-view-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/09-mobile-view-chromium-linux.png differ
diff --git a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/10-full-page-chromium-linux.png b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/10-full-page-chromium-linux.png
index 2c772fa6f..72ac1c5a1 100644
Binary files a/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/10-full-page-chromium-linux.png and b/create-bestax/e2e/tests/app.spec.ts-snapshots/vite-ts-prefixed-none/10-full-page-chromium-linux.png differ
diff --git a/create-bestax/templates/vite-ts/public/react.svg b/create-bestax/templates/vite-ts/public/react.svg
new file mode 100644
index 000000000..ea77a618d
--- /dev/null
+++ b/create-bestax/templates/vite-ts/public/react.svg
@@ -0,0 +1,9 @@
+
diff --git a/create-bestax/templates/vite-ts/public/vite.svg b/create-bestax/templates/vite-ts/public/vite.svg
new file mode 100644
index 000000000..de4aeddc1
--- /dev/null
+++ b/create-bestax/templates/vite-ts/public/vite.svg
@@ -0,0 +1,15 @@
+
diff --git a/create-bestax/templates/vite-ts/src/App.tsx b/create-bestax/templates/vite-ts/src/App.tsx
index b46e96908..bd315aad3 100644
--- a/create-bestax/templates/vite-ts/src/App.tsx
+++ b/create-bestax/templates/vite-ts/src/App.tsx
@@ -2,6 +2,7 @@ import { useState } from 'react';
import {
Box,
Button,
+ Image,
Title,
SubTitle,
Notification,
@@ -10,7 +11,6 @@ import {
Container,
Section,
Card,
- Hero,
Buttons,
} from '@allxsmith/bestax-bulma';
import './App.css';
@@ -21,124 +21,122 @@ function App() {
return (
<>
-
-
-
-
- Welcome to Bestax + Vite + TypeScript
-
-
- Build amazing React apps with Bulma components
-
-
-
-
-
-
+
-
-
- Get Started
-
- This template includes everything you need to build with
- bestax-bulma
-
+
+
+
+
+
+
+
+
+
+
+
+ Bestax + Vite + React
+
+
+
+
+ Get Started
+
+ This template includes everything you need to build with
+ bestax-bulma
+
+
-
-
-
-
- Quick Start
-
-
- Edit src/App.tsx and save to test HMR updates.
-
-
-
+
+
+
+
+ Quick Start
+
+
+ Edit src/App.tsx and save to test HMR updates.
+
+
+
-
-
-
- Documentation
-
-
- Visit{' '}
-
- bestax.io
- {' '}
- for component docs.
-
-
-
+
+
+
+ Documentation
+
+
+ Visit{' '}
+
+ bestax.io
+ {' '}
+ for component docs.
+
+
+
-
-
-
- Examples
-
-
- Check the examples below to see components in action.
-
-
-
-
-
+
+
+
+ Examples
+
+
+ Check the examples below to see components in action.
+
+
+
+
-
- Interactive Example
+
+ Interactive Example
-
-
-
-
+
+
+
+
-
+
-
-
-
+
+
+
-
- {showNotification && (
- setShowNotification(false)}
- >
- Success! Your Vite + Bestax setup is
- working perfectly!
-
- )}
+
+ {showNotification && (
+ setShowNotification(false)}
+ >
+ Success! Your Vite + Bestax setup is working
+ perfectly!
+
+ )}
- {count > 10 && (
-
- You've clicked the button {count} times!
-
- )}
-
-
-
+ {count > 10 && (
+
+ You've clicked the button {count} times!
+
+ )}
-
+
>
);
diff --git a/create-bestax/templates/vite/public/react.svg b/create-bestax/templates/vite/public/react.svg
new file mode 100644
index 000000000..ea77a618d
--- /dev/null
+++ b/create-bestax/templates/vite/public/react.svg
@@ -0,0 +1,9 @@
+
diff --git a/create-bestax/templates/vite/public/vite.svg b/create-bestax/templates/vite/public/vite.svg
new file mode 100644
index 000000000..de4aeddc1
--- /dev/null
+++ b/create-bestax/templates/vite/public/vite.svg
@@ -0,0 +1,15 @@
+
diff --git a/create-bestax/templates/vite/src/App.jsx b/create-bestax/templates/vite/src/App.jsx
index 479faa360..6866f7d15 100644
--- a/create-bestax/templates/vite/src/App.jsx
+++ b/create-bestax/templates/vite/src/App.jsx
@@ -2,6 +2,7 @@ import { useState } from 'react';
import {
Box,
Button,
+ Image,
Title,
SubTitle,
Notification,
@@ -10,7 +11,6 @@ import {
Container,
Section,
Card,
- Hero,
Buttons,
} from '@allxsmith/bestax-bulma';
import './App.css';
@@ -21,124 +21,122 @@ function App() {
return (
<>
-
-
-
-
- Welcome to Bestax + Vite
-
-
- Build amazing React apps with Bulma components
-
-
-
-
-
-
+
-
-
- Get Started
-
- This template includes everything you need to build with
- bestax-bulma
-
+
+
+
+
+
+
+
+
+
+
+
+ Bestax + Vite + React
+
+
+
+
+ Get Started
+
+ This template includes everything you need to build with
+ bestax-bulma
+
+
-
-
-
-
- Quick Start
-
-
- Edit src/App.jsx and save to test HMR updates.
-
-
-
+
+
+
+
+ Quick Start
+
+
+ Edit src/App.jsx and save to test HMR updates.
+
+
+
-
-
-
- Documentation
-
-
- Visit{' '}
-
- bestax.io
- {' '}
- for component docs.
-
-
-
+
+
+
+ Documentation
+
+
+ Visit{' '}
+
+ bestax.io
+ {' '}
+ for component docs.
+
+
+
-
-
-
- Examples
-
-
- Check the examples below to see components in action.
-
-
-
-
-
+
+
+
+ Examples
+
+
+ Check the examples below to see components in action.
+
+
+
+
-
- Interactive Example
+
+ Interactive Example
-
-
-
-
+
+
+
+
-
+
-
-
-
+
+
+
-
- {showNotification && (
- setShowNotification(false)}
- >
- Success! Your Vite + Bestax setup is
- working perfectly!
-
- )}
+
+ {showNotification && (
+ setShowNotification(false)}
+ >
+ Success! Your Vite + Bestax setup is working
+ perfectly!
+
+ )}
- {count > 10 && (
-
- You've clicked the button {count} times!
-
- )}
-
-
-
+ {count > 10 && (
+
+ You've clicked the button {count} times!
+
+ )}
-
+
>
);