diff --git a/src/App.vue b/src/App.vue index 8f46f32..1ccce03 100644 --- a/src/App.vue +++ b/src/App.vue @@ -7,5 +7,5 @@ diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue index 646a508..728a024 100644 --- a/src/components/HelloWorld.vue +++ b/src/components/HelloWorld.vue @@ -18,11 +18,7 @@ target="_blank" variant="text" > - + Components @@ -38,11 +34,7 @@ target="_blank" variant="flat" > - + Get Started @@ -56,11 +48,7 @@ target="_blank" variant="text" > - + Community @@ -71,5 +59,5 @@ diff --git a/src/layouts/default/Default.vue b/src/layouts/default/Default.vue index 57ada2f..1d3452c 100644 --- a/src/layouts/default/Default.vue +++ b/src/layouts/default/Default.vue @@ -5,5 +5,5 @@ diff --git a/src/layouts/default/View.vue b/src/layouts/default/View.vue index 8e9e414..6824342 100644 --- a/src/layouts/default/View.vue +++ b/src/layouts/default/View.vue @@ -5,5 +5,5 @@ diff --git a/src/main.ts b/src/main.ts index f11674d..62278a3 100644 --- a/src/main.ts +++ b/src/main.ts @@ -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'); diff --git a/src/plugins/index.ts b/src/plugins/index.ts index a26ebe7..591011c 100644 --- a/src/plugins/index.ts +++ b/src/plugins/index.ts @@ -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) +export function registerPlugins(app: App) { + loadFonts(); + app.use(vuetify).use(router); } diff --git a/src/plugins/vuetify.ts b/src/plugins/vuetify.ts index c276519..9f4d57f 100644 --- a/src/plugins/vuetify.ts +++ b/src/plugins/vuetify.ts @@ -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' + } + } + } + } +}); diff --git a/src/plugins/webfontloader.ts b/src/plugins/webfontloader.ts index 0cf5614..2d6ead3 100644 --- a/src/plugins/webfontloader.ts +++ b/src/plugins/webfontloader.ts @@ -4,12 +4,14 @@ * webfontloader documentation: https://github.com/typekit/webfontloader */ - export async function loadFonts () { - const webFontLoader = await import(/* webpackChunkName: "webfontloader" */'webfontloader') +export async function loadFonts() { + 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'] + } + }); } diff --git a/src/router/index.ts b/src/router/index.ts index 65353da..8b4c07b 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -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; diff --git a/src/views/Home.vue b/src/views/Home.vue index 7646ab7..5f57792 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -3,5 +3,5 @@ diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts index 323c78a..af36df3 100644 --- a/src/vite-env.d.ts +++ b/src/vite-env.d.ts @@ -1,7 +1,7 @@ /// 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; }