hl-core 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/README.md +42 -42
  2. package/app.vue +3 -3
  3. package/composables/index.ts +3 -0
  4. package/composables/styles.ts +50 -0
  5. package/nuxt.config.ts +19 -19
  6. package/package.json +43 -43
  7. package/plugins/helperFunctionsPlugins.ts +9 -0
  8. package/plugins/storePlugin.ts +2 -0
package/README.md CHANGED
@@ -1,42 +1,42 @@
1
- # Nuxt 3 Minimal Starter
2
-
3
- Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
4
-
5
- ## Setup
6
-
7
- Make sure to install the dependencies:
8
-
9
- ```bash
10
- # yarn
11
- yarn install
12
-
13
- # npm
14
- npm install
15
-
16
- # pnpm
17
- pnpm install
18
- ```
19
-
20
- ## Development Server
21
-
22
- Start the development server on http://localhost:3000
23
-
24
- ```bash
25
- npm run dev
26
- ```
27
-
28
- ## Production
29
-
30
- Build the application for production:
31
-
32
- ```bash
33
- npm run build
34
- ```
35
-
36
- Locally preview production build:
37
-
38
- ```bash
39
- npm run preview
40
- ```
41
-
42
- Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
1
+ # Nuxt 3 Minimal Starter
2
+
3
+ Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
4
+
5
+ ## Setup
6
+
7
+ Make sure to install the dependencies:
8
+
9
+ ```bash
10
+ # yarn
11
+ yarn install
12
+
13
+ # npm
14
+ npm install
15
+
16
+ # pnpm
17
+ pnpm install
18
+ ```
19
+
20
+ ## Development Server
21
+
22
+ Start the development server on http://localhost:3000
23
+
24
+ ```bash
25
+ npm run dev
26
+ ```
27
+
28
+ ## Production
29
+
30
+ Build the application for production:
31
+
32
+ ```bash
33
+ npm run build
34
+ ```
35
+
36
+ Locally preview production build:
37
+
38
+ ```bash
39
+ npm run preview
40
+ ```
41
+
42
+ Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
package/app.vue CHANGED
@@ -1,3 +1,3 @@
1
- <template>
2
- <NuxtPage />
3
- </template>
1
+ <template>
2
+ <NuxtPage />
3
+ </template>
package/composables/index.ts CHANGED
@@ -1,3 +1,6 @@
1
1
  import { useDisplay } from 'vuetify';
2
2
 
3
3
  export const useDisplayInfo = useDisplay;
4
+
5
+ export const capitalize = (word: string): string =>
6
+ word ? word.charAt(0).toUpperCase() + word.slice(1) : word;
package/composables/styles.ts ADDED
@@ -0,0 +1,50 @@
1
+ export class Styles {
2
+ // Base
3
+ whiteBg: string = 'bg-white';
4
+ whiteText: string = 'text-white';
5
+ blackText: string = 'text-black';
6
+ bodyBg: string = '!bg-[#F5F5F5]';
7
+
8
+ // Blue
9
+ blueBg: string = 'bg-[#A0B3D8]';
10
+ blueBgLight: string = 'bg-[#F3F6FC]';
11
+ blueText: string = 'text-[#A0B3D8]';
12
+ blueTextLight: string = 'text-[#F3F6FC]';
13
+
14
+ // Green
15
+ greenBg: string = 'bg-[#009C73]';
16
+ greenBgLight: string = 'bg-[#009C73]';
17
+
18
+ // Grey
19
+ greyBg: string = 'bg-[#A9ACAE]';
20
+ greyText: string = 'text-[#A9ACAE]';
21
+ greyTextLight: string = 'text-[#A5A5A5]';
22
+ greyIcon: string = 'text-[#DADADA]';
23
+ greyIconBg: string = 'bg-[#DADADA]';
24
+ greyBtnBg: string = 'bg-[#EEE6E6]';
25
+ greyBtnDisabledBg: string = 'bg-[#919191]';
26
+
27
+ // Red
28
+ redText: string = 'text-[#E46962]';
29
+ redBg: string = 'bg-[#E46962]';
30
+
31
+ // Border
32
+ rounded: string = 'rounded-[8px]';
33
+
34
+ // Text
35
+ textSimple: string = 'text-[14px] leading-5';
36
+ textTitle: string = 'text-[16px] leading-6';
37
+ textBold: string = 'font-bold';
38
+
39
+ // Button
40
+ btnHMd: string = 'h-[60px]';
41
+ btnHLg: string = 'h-[60px]';
42
+
43
+ // Complex
44
+ greenBtn: string;
45
+
46
+ constructor() {
47
+ // Complex
48
+ this.greenBtn = `${this.greenBg} ${this.whiteText} ${this.textTitle} ${this.rounded} w-full`;
49
+ }
50
+ }
package/nuxt.config.ts CHANGED
@@ -1,19 +1,19 @@
1
- export default defineNuxtConfig({
2
- ssr: false,
3
-
4
- modules: [
5
- '@pinia/nuxt',
6
- // "@nuxtjs/i18n",
7
- [
8
- '@nuxtjs/eslint-module',
9
- { lintOnStart: false, failOnError: false, failOnWarning: false },
10
- ],
11
- '@nuxtjs/tailwindcss',
12
- ],
13
-
14
- imports: {
15
- dirs: ['store'],
16
- },
17
-
18
- components: [{ path: './components', prefix: 'Base', pathPrefix: false }],
19
- });
1
+ export default defineNuxtConfig({
2
+ ssr: false,
3
+
4
+ modules: [
5
+ '@pinia/nuxt',
6
+ // "@nuxtjs/i18n",
7
+ [
8
+ '@nuxtjs/eslint-module',
9
+ { lintOnStart: false, failOnError: false, failOnWarning: false },
10
+ ],
11
+ '@nuxtjs/tailwindcss',
12
+ ],
13
+
14
+ imports: {
15
+ dirs: ['store'],
16
+ },
17
+
18
+ components: [{ path: './components', prefix: 'Base', pathPrefix: false }],
19
+ });
package/package.json CHANGED
@@ -1,43 +1,43 @@
1
- {
2
- "name": "hl-core",
3
- "version": "0.0.2",
4
- "license": "MIT",
5
- "private": false,
6
- "main": "nuxt.config.ts",
7
- "files": [
8
- "store/",
9
- "composables/",
10
- "plugins/",
11
- "app.vue",
12
- "nuxt.config.ts",
13
- ".eslintrc.js",
14
- ".prettierrc"
15
- ],
16
- "scripts": {
17
- "build": "nuxt build",
18
- "dev": "nuxt dev",
19
- "generate": "nuxt generate",
20
- "preview": "nuxt preview",
21
- "postinstall": "nuxt prepare"
22
- },
23
- "devDependencies": {
24
- "@nuxtjs/eslint-config-typescript": "^12.0.0",
25
- "@nuxtjs/eslint-module": "^4.0.1",
26
- "@nuxtjs/tailwindcss": "^6.4.1",
27
- "@typescript-eslint/parser": "^5.54.1",
28
- "eslint": "^8.35.0",
29
- "eslint-config-prettier": "^8.7.0",
30
- "eslint-plugin-prettier": "^4.2.1",
31
- "nuxt": "^3.2.3",
32
- "prettier": "^2.8.4",
33
- "typescript": "^4.9.5"
34
- },
35
- "dependencies": {
36
- "@mdi/font": "^7.1.96",
37
- "@nuxtjs/i18n": "^7.3.1",
38
- "@pinia/nuxt": "^0.4.7",
39
- "pinia": "^2.0.33",
40
- "vue-toastification": "^2.0.0-rc.5",
41
- "vuetify": "^3.1.8"
42
- }
43
- }
1
+ {
2
+ "name": "hl-core",
3
+ "version": "0.0.3",
4
+ "license": "MIT",
5
+ "private": false,
6
+ "main": "nuxt.config.ts",
7
+ "files": [
8
+ "store/",
9
+ "composables/",
10
+ "plugins/",
11
+ "app.vue",
12
+ "nuxt.config.ts",
13
+ ".eslintrc.js",
14
+ ".prettierrc"
15
+ ],
16
+ "scripts": {
17
+ "build": "nuxt build",
18
+ "dev": "nuxt dev",
19
+ "generate": "nuxt generate",
20
+ "preview": "nuxt preview",
21
+ "postinstall": "nuxt prepare"
22
+ },
23
+ "devDependencies": {
24
+ "@nuxtjs/eslint-config-typescript": "^12.0.0",
25
+ "@nuxtjs/eslint-module": "^4.0.1",
26
+ "@nuxtjs/tailwindcss": "^6.4.1",
27
+ "@typescript-eslint/parser": "^5.54.1",
28
+ "eslint": "^8.35.0",
29
+ "eslint-config-prettier": "^8.7.0",
30
+ "eslint-plugin-prettier": "^4.2.1",
31
+ "nuxt": "^3.2.3",
32
+ "prettier": "^2.8.4",
33
+ "typescript": "^4.9.5"
34
+ },
35
+ "dependencies": {
36
+ "@mdi/font": "^7.1.96",
37
+ "@nuxtjs/i18n": "^7.3.1",
38
+ "@pinia/nuxt": "^0.4.7",
39
+ "pinia": "^2.0.33",
40
+ "vue-toastification": "^2.0.0-rc.5",
41
+ "vuetify": "^3.1.8"
42
+ }
43
+ }
package/plugins/helperFunctionsPlugins.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { capitalize } from '../composables';
2
+
3
+ export default defineNuxtPlugin(() => {
4
+ return {
5
+ provide: {
6
+ capitalize: capitalize,
7
+ },
8
+ };
9
+ });
package/plugins/storePlugin.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { useAppStore } from '../store/app.store';
2
2
  import { useDataStore } from '../store/data.store';
3
+ import { Styles } from '../composables/styles';
3
4
 
4
5
  export default defineNuxtPlugin(nuxtApp => {
5
6
  nuxtApp.vueApp.use(useDataStore().toast.default, {
@@ -12,6 +13,7 @@ export default defineNuxtPlugin(nuxtApp => {
12
13
  provide: {
13
14
  appStore: useAppStore(),
14
15
  dataStore: useDataStore(),
16
+ libStyles: new Styles(),
15
17
  t: useDataStore().t,
16
18
  toast: useDataStore().showToaster,
17
19
  },