From 1223dcbc631d2426b8d124eb465c43f920e8f443 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Luis=20Pereira?= <pepelui@outlook.com>
Date: Wed, 24 Aug 2022 21:13:57 -0300
Subject: [PATCH] Update autocomplete style and vite configuration

---
 config/style/theme.css                        |  2 +-
 pages/home.md                                 |  2 +-
 .../Autocomplete/Autocomplete.global.vue      | 25 +++++++++++++------
 src/modules/home/router/index.js              |  8 ++++++
 src/modules/home/views/index.vue              | 24 ++++++++++++++++++
 src/modules/otus/views/Index.vue              |  4 +--
 src/router/index.js                           | 10 +++++---
 vite.config.js                                |  3 ++-
 8 files changed, 62 insertions(+), 16 deletions(-)
 create mode 100644 src/modules/home/router/index.js
 create mode 100644 src/modules/home/views/index.vue

diff --git a/config/style/theme.css b/config/style/theme.css
index 43c399a..6e38132 100644
--- a/config/style/theme.css
+++ b/config/style/theme.css
@@ -22,6 +22,6 @@
   --color-base-background: 23,23,23;
   --color-base-foreground: 38,38,38;
   --color-base-200: 30, 41, 59;
-  --color-base-300: 30, 41, 59;
+  --color-base-300: 55, 65, 81;
   --color-base-content: 255, 255, 255;
 }
diff --git a/pages/home.md b/pages/home.md
index 7b08e80..edb327b 100644
--- a/pages/home.md
+++ b/pages/home.md
@@ -13,7 +13,7 @@ project: Your project
   Welcome to *{{ frontmatter.project }}*, a website of taxon pages generated from the {{ frontmatter.project }} Project, a comprehensive collaborative effort managed in [TaxonWorks](https://taxonworks.org). 
 
   ## Get started!
-  <autocomplete-otu/>
+  <autocomplete-otu class="w-80"/>
 
   ## Announcements
   * 5/1/2022 - We've grown!  
diff --git a/src/components/Autocomplete/Autocomplete.global.vue b/src/components/Autocomplete/Autocomplete.global.vue
index 8007f47..c410a91 100644
--- a/src/components/Autocomplete/Autocomplete.global.vue
+++ b/src/components/Autocomplete/Autocomplete.global.vue
@@ -21,12 +21,11 @@
         min-w-full
         p-1.5
         pl-10
-        text-gray-900
-        dark:bg-slate-800
+        text-base-content
         rounded
         border
         sm:text-sm
-        dark:text-white
+        placeholder:text-sm
         dark:border-slate-700
         border-gray-300
         dark:placeholder:text-slate-400
@@ -41,7 +40,18 @@
 
     <ul
       v-if="list.length"
-      class="autocomplete__list list absolute z-[500] max-h-52 overflow-y-auto border bg-white dark:bg-gray-800 dark:border-gray-700"
+      class="
+        autocomplete__list
+        list
+        absolute
+        z-[500]
+        max-h-52
+        w-full
+        overflow-y-auto
+        border
+        bg-base-foreground
+        border-base-300
+        !m-0"
     >
       <li
         v-for="item in list"
@@ -49,12 +59,11 @@
         class="
           autocomplete__item
           p-2 border-b 
-          bg-white
           text-sm
           cursor-pointer
-          hover:bg-gray-200
-          dark:border-gray-700
-          dark:bg-gray-800"
+          hover:bg-secondary-color
+          hover:bg-opacity-5
+          border-base-300"
         @click="selectItem(item)"
       >
         <span v-html="item[label]" />
diff --git a/src/modules/home/router/index.js b/src/modules/home/router/index.js
new file mode 100644
index 0000000..04e4d54
--- /dev/null
+++ b/src/modules/home/router/index.js
@@ -0,0 +1,8 @@
+import Homepage from '../views/index.vue'
+
+export default [{ 
+  name: 'homepage',
+  path: '/',
+  alias: '/home',
+  component: Homepage,
+}]
diff --git a/src/modules/home/views/index.vue b/src/modules/home/views/index.vue
new file mode 100644
index 0000000..fa1eeef
--- /dev/null
+++ b/src/modules/home/views/index.vue
@@ -0,0 +1,24 @@
+<template>
+  <div class="container mx-auto text-center mt-36 flex flex-col justify-center">
+    <h1 class="text-4xl">
+      Welcome to TaxonPages
+    </h1>
+    <p class="m-4">
+      It seems you don't have a index or home file in your /pages folder, create one to replace this page.
+    </p>
+    <div class="flex justify-center">
+      <iframe
+        width="560"
+        height="315"
+        src="https://www.youtube.com/embed/dQw4w9WgXcQ"
+        title="YouTube video player"
+        frameborder="0"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        allowfullscreen
+      />
+    </div>
+  </div>
+</template>
+
+<script setup>
+</script>
\ No newline at end of file
diff --git a/src/modules/otus/views/Index.vue b/src/modules/otus/views/Index.vue
index e2f180d..ae4f86f 100644
--- a/src/modules/otus/views/Index.vue
+++ b/src/modules/otus/views/Index.vue
@@ -30,8 +30,8 @@
               mb-2
               md:min-w-fit
               md:ml-2
-              md:mb-0
-              w-60
+              md:mb-0 
+              w-80
             "
             url="/otus/autocomplete"
             query-param="term"
diff --git a/src/router/index.js b/src/router/index.js
index 9cd6d0b..bda5bec 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -6,8 +6,12 @@ import {
 
 import dynamicRoutes from '~pages'
 
-const moduleRoutes = import.meta.globEager('@/modules/**/router/*.js')
-const routerObjects = [].concat(...Object.values(moduleRoutes).map(route => route.default))
+const coreModuleRoutes = import.meta.globEager('@/modules/**/router/*.js', { import: 'default' })
+const userModuleRoutes = import.meta.globEager('#/modules/**/router/*.js', { import: 'default' })
+const moduleRoutes = [].concat(
+  ...Object.values(coreModuleRoutes),
+  ...Object.values(userModuleRoutes)
+)
 const { base_url, hash_mode } = __APP_ENV__
 
 const router = createRouter({
@@ -17,7 +21,7 @@ const router = createRouter({
 
   routes: [
     ...dynamicRoutes,
-    ...routerObjects,
+    ...moduleRoutes
   ]
 })
 
diff --git a/vite.config.js b/vite.config.js
index be7d4d5..d629b44 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -17,7 +17,8 @@ export default () => {
     },
     resolve: {
       alias: {
-        '@': path.resolve(__dirname, './src')
+        '@': path.resolve(__dirname, './src'),
+        '#': path.resolve(__dirname)
       },
     },
     plugins: [