fix(create-vitrify): update quasar md3 template

Author: stefanvanherwijnen

.changeset/legal-aliens-stop.md

@@ -0,0 +1,5 @@
+---
+'create-vitrify': patch
+---
+
+fix(create-vitrify): update quasar md3 template

packages/create-vitrify/src/templates.ts

@@ -45,7 +45,8 @@ export const templates: Templates = {
         'build:ssr': 'vitrify build -m ssr',
         'build:ssg': 'vitrify build -m ssg',
         'minify:csr': 'vitrify minify ./dist/csr',
-        'minify:ssr': 'vitrify minify ./dist/ssr',
+        'minify:ssr:server': 'vitrify minify ./dist/ssr/server',
+        'minify:ssr:client': 'vitrify minify ./dist/ssr/client',
         'minify:ssg': 'vitrify minify ./dist/static',
         test: 'vitrify test',
         lint: 'eslint --ext .vue --ext .ts src',
@@ -55,6 +56,7 @@ export const templates: Templates = {
       },
       dependencies: await getLatestVersions([
         '@fastify/middie',
+        '@fastify/one-line-logger',
         '@fastify/static'
       ]),
       devDependencies: await getLatestVersions([
@@ -126,7 +128,8 @@ export const templates: Templates = {
         'build:ssr': 'vitrify build -m ssr',
         'build:ssg': 'vitrify build -m ssg',
         'minify:csr': 'vitrify minify ./dist/csr',
-        'minify:ssr': 'vitrify minify ./dist/ssr',
+        'minify:ssr:server': 'vitrify minify ./dist/ssr/server',
+        'minify:ssr:client': 'vitrify minify ./dist/ssr/client',
         'minify:ssg': 'vitrify minify ./dist/static',
         test: 'vitrify test',
         lint: 'eslint --ext .vue --ext .ts src',
@@ -136,6 +139,7 @@ export const templates: Templates = {
       },
       dependencies: await getLatestVersions([
         '@fastify/middie',
+        '@fastify/one-line-logger',
         '@fastify/static'
       ]),
       devDependencies: await getLatestVersions([
@@ -210,7 +214,8 @@ export const templates: Templates = {
         'build:ssr': 'vitrify build -m ssr',
         'build:ssg': 'vitrify build -m ssg',
         'minify:csr': 'vitrify minify ./dist/csr',
-        'minify:ssr': 'vitrify minify ./dist/ssr',
+        'minify:ssr:server': 'vitrify minify ./dist/ssr/server',
+        'minify:ssr:client': 'vitrify minify ./dist/ssr/client',
         'minify:ssg': 'vitrify minify ./dist/static',
         test: 'vitrify test',
         lint: 'eslint --ext .vue --ext .ts src',
@@ -220,10 +225,12 @@ export const templates: Templates = {
       },
       dependencies: await getLatestVersions([
         '@fastify/middie',
+        '@fastify/one-line-logger',
         '@fastify/static'
       ]),
       devDependencies: await getLatestVersions([
         '@iconify-json/mdi',
+        '@iconify-json/flagpack',
         '@quasar/extras',
         '@simsustech/quasar-components',
         '@typescript-eslint/eslint-plugin',
@@ -301,6 +308,7 @@ export const templates: Templates = {
       },
       dependencies: await getLatestVersions([
         '@fastify/middie',
+        '@fastify/one-line-logger',
         '@fastify/static'
       ]),
       devDependencies: await getLatestVersions([

packages/create-vitrify/templates/quasarmd3/src/layouts/MainLayout.vue

@@ -10,6 +10,7 @@
               v-model="language"
               :language-imports="languageImports"
               :locales="languageLocales"
+              is-item
             />
             <q-item>
               <q-item-section label>

packages/create-vitrify/templates/quasarmd3/src/layouts/NavigationTabs.vue

@@ -1,7 +1,27 @@
 <template>
-  <q-tabs>
+  <q-tabs class="navigation-rail">
     <q-route-tab icon="i-mdi-home" to="/" label="Home" />
   </q-tabs>
 </template>
 
 <script setup lang="ts"></script>
+
+<style scoped>
+.navigation-rail:deep(.q-tab__content) {
+  min-width: 52px;
+}
+.navigation-rail:deep(.q-tab__indicator) {
+  color: var(--light-secondary-container);
+  position: absolute;
+  width: 52px;
+  left: calc(50% - 26px);
+  border-radius: 16px;
+  height: 32px;
+  top: calc(50% - 23px);
+  min-height: unset;
+}
+
+.body--dark .navigation-rail:deep(.q-tab__indicator) {
+  color: var(--dark-secondary-container);
+}
+</style>