+ [Default Layout]
+
+
+
+
+
+
+
diff --git a/src/logics/dark.ts b/src/logics/dark.ts
new file mode 100644
index 0000000..0bc9bd1
--- /dev/null
+++ b/src/logics/dark.ts
@@ -0,0 +1,25 @@
+import { watch, computed } from 'vue'
+import { usePreferredDark, useToggle } from '@vueuse/core'
+import { colorSchema } from './store'
+
+const preferredDark = usePreferredDark()
+
+export const isDark = computed({
+ get() {
+ return colorSchema.value === 'auto' ? preferredDark.value : colorSchema.value === 'dark'
+ },
+ set(v: boolean) {
+ if (v === preferredDark.value)
+ colorSchema.value = 'auto'
+ else
+ colorSchema.value = v ? 'dark' : 'light'
+ },
+})
+
+export const toggleDark = useToggle(isDark)
+
+watch(
+ isDark,
+ v => typeof document !== 'undefined' && document.documentElement.classList.toggle('dark', v),
+ { immediate: true },
+)
diff --git a/src/logics/index.ts b/src/logics/index.ts
new file mode 100644
index 0000000..e8d1566
--- /dev/null
+++ b/src/logics/index.ts
@@ -0,0 +1 @@
+export * from './dark'
diff --git a/src/logics/store.ts b/src/logics/store.ts
new file mode 100644
index 0000000..7db12c2
--- /dev/null
+++ b/src/logics/store.ts
@@ -0,0 +1,4 @@
+import { Ref } from 'vue'
+import { useStorage } from '@vueuse/core'
+
+export const colorSchema = useStorage('vueuse-color-scheme', 'auto') as Ref<'auto' | 'dark' | 'light'>
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..826ab44
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,35 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+import '@unocss/reset/tailwind.css'
+import './styles/main.css'
+import 'uno.css'
+import { createI18n } from 'vue-i18n'
+import { createHead, useHead } from '@vueuse/head'
+import { messages } from './modules/i18n'
+import VueHighlightJS from 'vue3-highlightjs'
+import 'highlight.js/styles/solarized-light.css'
+
+const app = createApp(App)
+
+app.use(VueHighlightJS)
+import routes from './router'
+//import AppLayout from '~/layouts/AppLayout.vue'
+import SimpleLayout from '~/layouts/SimpleLayout.vue'
+
+const i18n = createI18n({
+ locale: navigator.language === 'es' ? 'es' : 'en',
+ legacy: false,
+ fallbackLocale: ['en'],
+ fallbackWarn: false,
+ missing: (locale, key, instance) => {
+ console.warn(`detect '${key}' key missing in '${locale}'`)
+ },
+ messages,
+})
+const head = createHead()
+app.use(routes)
+app.use(i18n)
+app.use(head)
+app.component('SimpleLayout', SimpleLayout)
+app.mount('#app')
diff --git a/src/modules/README.md b/src/modules/README.md
new file mode 100644
index 0000000..adda9ef
--- /dev/null
+++ b/src/modules/README.md
@@ -0,0 +1,11 @@
+## Modules
+
+A custom user module system. Place a `.ts` file with the following template, it will be installed automatically.
+
+```ts
+import { UserModule } from '~/types'
+
+export const install: UserModule = ({ app, router, isClient }) => {
+ // do something
+}
+```
diff --git a/src/modules/i18n.ts b/src/modules/i18n.ts
new file mode 100644
index 0000000..f7528a1
--- /dev/null
+++ b/src/modules/i18n.ts
@@ -0,0 +1,25 @@
+import { createI18n } from 'vue-i18n'
+// import { UserModule } from '~/types'
+
+// import i18n resources
+// https://vitejs.dev/guide/features.html#glob-import
+export const messages = Object.fromEntries(
+ Object.entries(
+ import.meta.globEager('../../locales/*.y(a)?ml'))
+ .map(([key, value]) => {
+ const yaml = key.endsWith('.yaml')
+ return [key.slice(14, yaml ? -5 : -4), value.default]
+ }),
+)
+/*
+export const install: UserModule = ({ app }) => {
+ const i18n = createI18n({
+ legacy: false,
+ locale: 'en',
+ messages,
+ })
+
+ app.use(i18n)
+}
+
+*/
\ No newline at end of file
diff --git a/src/modules/nprogress.ts b/src/modules/nprogress.ts
new file mode 100644
index 0000000..8019b41
--- /dev/null
+++ b/src/modules/nprogress.ts
@@ -0,0 +1,9 @@
+import NProgress from 'nprogress'
+import { UserModule } from '~/types'
+
+export const install: UserModule = ({ isClient, router }) => {
+ if (isClient) {
+ router.beforeEach(() => { NProgress.start() })
+ router.afterEach(() => { NProgress.done() })
+ }
+}
diff --git a/src/modules/sw.ts b/src/modules/sw.ts
new file mode 100644
index 0000000..fd7f7ca
--- /dev/null
+++ b/src/modules/sw.ts
@@ -0,0 +1,12 @@
+import { UserModule } from '~/types'
+
+export const install: UserModule = ({ isClient, router }) => {
+ if (isClient) {
+ router.isReady().then(async() => {
+ if (isClient) {
+ const { registerSW } = await import('virtual:pwa-register')
+ registerSW({ immediate: true })
+ }
+ })
+ }
+}
diff --git a/src/pages/About.md b/src/pages/About.md
new file mode 100644
index 0000000..cb313be
--- /dev/null
+++ b/src/pages/About.md
@@ -0,0 +1,21 @@
+---
+title: About
+---
+
+
+
+
+
+[Vitesse](https://github.com/antfu/vitesse) is an opinionated [Vite](https://github.com/vitejs/vite) starter template made by [@antfu](https://github.com/antfu) for mocking apps swiftly. With **file-based routing**, **components auto importing**, **markdown support**, I18n, PWA and uses **Tailwind** v2 for UI.
+
+About
+
+// syntax highlighting example
+function vitesse() {
+ const foo = 'bar'
+ console.log(foo)
+}
+
+ Not Found
+
+
diff --git a/src/pages/base.vue b/src/pages/base.vue
new file mode 100644
index 0000000..0260305
--- /dev/null
+++ b/src/pages/base.vue
@@ -0,0 +1,50 @@
+
+
+
+
+
diff --git a/src/pages/hi/[name].vue b/src/pages/hi/[name].vue
new file mode 100644
index 0000000..d8e4fcd
--- /dev/null
+++ b/src/pages/hi/[name].vue
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
diff --git a/src/router.ts b/src/router.ts
new file mode 100644
index 0000000..be53f8e
--- /dev/null
+++ b/src/router.ts
@@ -0,0 +1,56 @@
+// eslint-disable-next-line no-unused-vars
+import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
+
+// import { defineAsyncComponent } from 'vue'
+import generatedRoutes from 'virtual:generated-pages'
+
+import {has_config} from '~/hooks/config'
+import {load_data_info} from '~/hooks/loads'
+
+import Home from '~/views/Home.vue'
+// import About from '~/views/about.md'
+
+const check_config = async(to: any, _from: any, next: any) => {
+ if (await has_config()) {
+ next()
+ } else {
+ next('/noconfig')
+ }
+}
+
+const routes: RouteRecordRaw[] = [
+ {
+ path: '/',
+ name: 'Home',
+ component: Home,
+ meta: {
+ requireAuth: false,
+ layout: 'AppLayout',
+ withauth: false,
+ },
+ beforeEnter: [check_config, load_data_info ]
+ },
+ {
+ path: '/:ky',
+ name: 'HomeKey',
+ component: Home,
+ meta: {
+ requireAuth: false,
+ layout: 'AppLayout',
+ withauth: false,
+ },
+ beforeEnter: [check_config, load_data_info ]
+ },
+ {
+ path: '/:catchAll(.*)',
+ name: '404',
+ meta: { layout: 'Page404' },
+ component: () => import('./views/404.vue'),
+ },
+ ...generatedRoutes,
+]
+const router: any = createRouter({
+ history: createWebHistory(),
+ routes,
+})
+export default router
diff --git a/src/shims.d.ts b/src/shims.d.ts
new file mode 100644
index 0000000..b8fd73a
--- /dev/null
+++ b/src/shims.d.ts
@@ -0,0 +1,60 @@
+/* eslint-disable import/no-duplicates */
+
+declare const ASSETS_PATH: string
+declare const DATA_PATH: string
+declare interface Window {
+ // extend the window
+ ROOT_LOCATION: string
+ CONFIG_LOCATION: string
+}
+
+// with vite-plugin-md, markdowns can be treat as Vue components
+declare module '*.md' {
+ import { ComponentOptions } from 'vue'
+ const component: ComponentOptions
+ export default component
+}
+/*
+declare module '*.vue' {
+ import Vue from 'vue'
+ export default Vue
+}
+*/
+declare const _APP_VERSION: string
+/*
+ * Keep states in the global scope to be reusable across Vue instances.
+ *
+ * @see {@link /createGlobalState}
+ * @param stateFactory A factory function to create the state
+*/
+/*
+declare function createGlobalState+ Hi, {{ props.name }} +
++ Dynamic route! +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ t('cv.profile', 'Profile') }} + +
++
+
+
+
+
+ + {{ t(`cv.${sec}`, sec) }} + + +
++
+
+ + {{ t('cv.skills_tools', 'Skill & Tools') }} + + +
+
+
+
+
+
+ ![]()
+ ![]()
+
+
+
\ No newline at end of file
diff --git a/src/views/cv/Education.vue b/src/views/cv/Education.vue
new file mode 100644
index 0000000..6f7d490
--- /dev/null
+++ b/src/views/cv/Education.vue
@@ -0,0 +1,165 @@
+
+ {{ t('message.loading', 'Loading') }}...
+{{ current_model.title || '' }}
+{{useState().connection.value.state}}
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/cv/InfoPanel.vue b/src/views/cv/InfoPanel.vue
new file mode 100644
index 0000000..0f3530a
--- /dev/null
+++ b/src/views/cv/InfoPanel.vue
@@ -0,0 +1,476 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t(key).toLocaleLowerCase() }}
+
+
+
+ {{ item[key].split('://')[1] }}
+
+
+
+
+ {{ t(key, key).toLocaleLowerCase() }}
+
+
+
+ -
+
+ {{ t('tools', 'Tools').toLocaleLowerCase() }}
+
+
+ +
+
+
+
+
+
+
+ ![]()
+
+
+ {{ `${showinfo.fullname ? get_data('fullname') : get_data('name')}` }}
+
+
+
+
+
+
+ + {{ t('cv.mission', 'Mission') }} + +
+
+
-
+
-
+ + ++++
+ {{ mitem.desc }} +
+
+
+ {{ t('cv.contact', 'Contact') }}
+
+ ![Mail icon]()
+ {{ data.email }}
+
+
+ ![Phone icon]()
+
+
+
+ ![House icon]()
+
+
+
+
+
+ {{ data.address }}
+{{ get_data('city') }}
+{{ data.postalcode }} {{ get_data('state') }}
+{{ get_data('country')}}
+
+
+ {{ t('cv.personal', 'Personal') }}
+
+ ![Egg Icon]()
+ {{ data.birthdate }}
+
+
+ ![Two Persons Icon]()
+ {{ t(`cv.${data.status.toLowerCase()}`, data.status) }}
+
+
+
+ + {{ t('cv.onweb', 'On the Web') }} + + +
+
+
+
+
+
+
+ + {{ t('cv.skills_tools', 'Skill & Tools') }} + +
+
+
+ + {{ t('cv.infrastructures', 'Infrastructures') }} + +
+
+
+ {{ infra.title }}
+
+
+ + {{ t('cv.certifications', 'Certifications') }} + +
+
+
+
+
+ {{ cert.title }}
+{{ cert.date }}
+
+
+
+ {{ t('link', 'Link') }}:
+ {{ cert.link }}
+
+
+ {{ t('id', 'Id') }}: {{ cert.certid }}
+
+ + {{ t('from', 'From') }}: + + {{ cert.author }} + +
+ +
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/cv/Others.vue b/src/views/cv/Others.vue
new file mode 100644
index 0000000..7b04e64
--- /dev/null
+++ b/src/views/cv/Others.vue
@@ -0,0 +1,80 @@
+
+ + {{ t('cv.languages', 'Languages') }} + + +
+
+
+ {{ t(`lang.${lang.title.toLowerCase()}`, lang.title) }}
+ {{ t(`lang.${lang.mode.toLowerCase()}`, lang.mode) }}
+ -
+
-
+ ++
+ + + + ++
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/cv/Skills.vue b/src/views/cv/Skills.vue
new file mode 100644
index 0000000..82b0f59
--- /dev/null
+++ b/src/views/cv/Skills.vue
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('builtwith', 'Builtwith').toLocaleLowerCase() }}
+
+
+
+
+
+
+
+ {{ t(key).toLocaleLowerCase() }}
+
+
+
+
+ ![]()
+
+
+ ![]()
+
+
+
+ {{ item[key].split('://')[1] }}
+
+
+
+
+
+ -
+
+
+
+
+
+ {{ t(key, key).toLocaleLowerCase() }}
+
+
+
+ +
-
+
-
+ + + +++ + ++
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/cv/Teaching.vue b/src/views/cv/Teaching.vue
new file mode 100644
index 0000000..e16e5b0
--- /dev/null
+++ b/src/views/cv/Teaching.vue
@@ -0,0 +1,135 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t(key).toLocaleLowerCase() }}
+
+
+
+ {{ item[key].split('://')[1] }}
+
+
+
+
+ {{ t(key, key).toLocaleLowerCase() }}
+
+
+
+ -
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/cv/WorkExperience.vue b/src/views/cv/WorkExperience.vue
new file mode 100644
index 0000000..8e36d5f
--- /dev/null
+++ b/src/views/cv/WorkExperience.vue
@@ -0,0 +1,183 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t(key).toLocaleLowerCase() }}
+
+
+
+ {{ item[key].split('://')[1] }}
+
+
+
+
+ {{ t(key, key).toLocaleLowerCase() }}
+
+
+
+ -
+
+
+
+
+
+
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('tools', 'Tools').toLocaleLowerCase() }}
+
+
+
+
+
+
+ {{ t(key).toLocaleLowerCase() }}
+
+
+
+ {{ t(key).toLocaleLowerCase() }}
+
+
+
+
+ {{ t(key, key).toLocaleLowerCase() }}
+
+
+
+ -
+
+