Merge pull request #105 from ContentSquare/refactor/templates-page-to-tailwind

refactor(base-app): use tailwind in templates page

Author: panzerdp

apps/base-app/src-extension/reading-tools.ts

@@ -1,5 +1,5 @@
 // READING TOOLS
-import { SettingsReadingTool } from '../src/interfaces/settingsReadingTool'
+import type { SettingsReadingTool } from '../src/entities/readingTools'
 
 const BASE_COLOR = '#000000'
 const BASE_RULE_SIZE = 1

apps/base-app/src/app/ui/providers/withRouter.ts

@@ -1,7 +1,7 @@
 import Vue from 'vue'
 import VueRouter, { type RouteConfig } from 'vue-router'
 
-import { PopupPage } from '@/pages/popup'
+import { MainMenuPage } from '@/pages/mainMenu'
 
 export function withRouter() {
   Vue.use(VueRouter)
@@ -10,12 +10,12 @@ export function withRouter() {
     {
       path: '/',
       name: 'main',
-      component: PopupPage
+      component: MainMenuPage
     },
     {
       path: '/templates',
       name: 'templates',
-      component: () => import('@/views/TemplateSelect.vue')
+      component: async () => (await import('@/pages/templates')).TemplatesPage
     },
     {
       path: '/options',

apps/base-app/src/chrome/utils.ts

@@ -1,5 +1,4 @@
-import type { SettingsReadingTool } from '@/interfaces/settingsReadingTool'
-import { buildDefaultSettingsReadingTool } from '@/constants/defaultSettingsReadingTool'
+import { type SettingsReadingTool, buildDefaultSettingsReadingTool } from '@/entities/readingTools'
 import { getQueryString } from '@/shared/lib/url'
 
 const getCurrentTab = async (): Promise<chrome.tabs.Tab> => {

apps/base-app/src/chrome/utilsFactory.ts

@@ -1,6 +1,6 @@
 import * as chromeUtils from '@/chrome/utils'
 import * as chromeMock from './utilsMock'
-import type { SettingsReadingTool } from '@/interfaces/settingsReadingTool'
+import type { SettingsReadingTool } from '@/entities/readingTools'
 import type VueRouter from 'vue-router'
 
 export interface ChromeUtils {

apps/base-app/src/chrome/utilsMock.ts

@@ -1,5 +1,4 @@
-import type { SettingsReadingTool } from '@/interfaces/settingsReadingTool'
-import { buildDefaultSettingsReadingTool } from '@/constants/defaultSettingsReadingTool'
+import { type SettingsReadingTool, buildDefaultSettingsReadingTool } from '@/entities/readingTools'
 import type VueRouter from 'vue-router'
 
 const getCurrentTab = async (): Promise<chrome.tabs.Tab> => {

apps/base-app/src/components/TemplateSelector.vue

@@ -0,0 +1,2 @@
+export type { SettingsReadingTool } from './model/settingsReadingTool'
+export { buildDefaultSettingsReadingTool } from './model/defaultSettingsReadingTool'

apps/base-app/src/components/TemplateSelectorOption.vue

@@ -0,0 +1,8 @@
+import type { SettingsReadingTool } from './settingsReadingTool'
+
+export const buildDefaultSettingsReadingTool = (): SettingsReadingTool => {
+  return {
+    opacity: '33',
+    thickness: '1'
+  }
+}