Adjust formatting accordingly with Prettier config

This commit is contained in:
Maciej Pędzich 2023-05-23 10:05:53 +02:00
parent deb3d07612
commit f86fcb61e5
11 changed files with 50 additions and 61 deletions

View File

@ -7,5 +7,5 @@
</template>
<script setup lang="ts">
import HelloWorld from '@/components/HelloWorld.vue'
import HelloWorld from '@/components/HelloWorld.vue';
</script>

View File

@ -18,11 +18,7 @@
target="_blank"
variant="text"
>
<v-icon
icon="mdi-view-dashboard"
size="large"
start
/>
<v-icon icon="mdi-view-dashboard" size="large" start />
Components
</v-btn>
@ -38,11 +34,7 @@
target="_blank"
variant="flat"
>
<v-icon
icon="mdi-speedometer"
size="large"
start
/>
<v-icon icon="mdi-speedometer" size="large" start />
Get Started
</v-btn>
@ -56,11 +48,7 @@
target="_blank"
variant="text"
>
<v-icon
icon="mdi-account-group"
size="large"
start
/>
<v-icon icon="mdi-account-group" size="large" start />
Community
</v-btn>

View File

@ -5,5 +5,5 @@
</template>
<script lang="ts" setup>
import DefaultView from './View.vue'
import DefaultView from './View.vue';
</script>

View File

@ -5,16 +5,16 @@
*/
// Components
import App from './App.vue'
import App from './App.vue';
// Composables
import { createApp } from 'vue'
import { createApp } from 'vue';
// Plugins
import { registerPlugins } from '@/plugins'
import { registerPlugins } from '@/plugins';
const app = createApp(App)
const app = createApp(App);
registerPlugins(app)
registerPlugins(app);
app.mount('#app')
app.mount('#app');

View File

@ -5,16 +5,14 @@
*/
// Plugins
import { loadFonts } from './webfontloader'
import vuetify from './vuetify'
import router from '../router'
import { loadFonts } from './webfontloader';
import vuetify from './vuetify';
import router from '../router';
// Types
import type { App } from 'vue'
import type { App } from 'vue';
export function registerPlugins(app: App) {
loadFonts()
app
.use(vuetify)
.use(router)
loadFonts();
app.use(vuetify).use(router);
}

View File

@ -5,11 +5,11 @@
*/
// Styles
import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'
import '@mdi/font/css/materialdesignicons.css';
import 'vuetify/styles';
// Composables
import { createVuetify } from 'vuetify'
import { createVuetify } from 'vuetify';
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
export default createVuetify({
@ -18,9 +18,9 @@ export default createVuetify({
light: {
colors: {
primary: '#1867C0',
secondary: '#5CBBF6',
},
},
},
},
})
secondary: '#5CBBF6'
}
}
}
}
});

View File

@ -5,11 +5,13 @@
*/
export async function loadFonts() {
const webFontLoader = await import(/* webpackChunkName: "webfontloader" */'webfontloader')
const webFontLoader = await import(
/* webpackChunkName: "webfontloader" */ 'webfontloader'
);
webFontLoader.load({
google: {
families: ['Roboto:100,300,400,500,700,900&display=swap'],
},
})
families: ['Roboto:100,300,400,500,700,900&display=swap']
}
});
}

View File

@ -1,5 +1,5 @@
// Composables
import { createRouter, createWebHistory } from 'vue-router'
import { createRouter, createWebHistory } from 'vue-router';
const routes = [
{
@ -12,15 +12,16 @@ const routes = [
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "home" */ '@/views/Home.vue'),
},
],
},
component: () =>
import(/* webpackChunkName: "home" */ '@/views/Home.vue')
}
]
}
];
const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
routes,
})
routes
});
export default router
export default router;

View File

@ -3,5 +3,5 @@
</template>
<script lang="ts" setup>
import HelloWorld from '@/components/HelloWorld.vue'
import HelloWorld from '@/components/HelloWorld.vue';
</script>

6
src/vite-env.d.ts vendored
View File

@ -1,7 +1,7 @@
/// <reference types="vite/client" />
declare module '*.vue' {
import type { DefineComponent } from 'vue'
const component: DefineComponent<{}, {}, any>
export default component
import type { DefineComponent } from 'vue';
const component: DefineComponent<{}, {}, any>;
export default component;
}