Quasar App Extension waelio

Install - Quasar Framework

quasar ext add waelio

- Warning: Better start with a clean slate.
+ Ideas appreciated!

Help/Questions/Suggestions? Find me at Discord's quasar-app-extension-waelio

If you prefer email, please email me at [email protected]

A Quasar App Extension

I created this App Extension to help users scaffold their projects. The code is downloaded straight into your project, change the it as you please, take parts or whole, whatever you like. I suggest you start on a blank slate/new project.

Included:

• About us
• Contact us
• T&C
• Privacy page
• Settings Page
• i18n + 4 initial languages [en, ar, he, ru]
• SEO ready
• Meta Ready
• Notifications ready
• Services page/Demo
• Products page
• Config - NEW

How to Install

Quasar App

quasar ext add waelio

Quasar or Vue App

npm i quasar-app-extension-waelio

Quasar CLI will retrieve it from the NPM registry and install the extension to your project.

I am using an npm package called store2. I am growing found it, docs for it can be found Here.

You might have to RUN (again):

npm install store2 --save
npm install sitemap-webpack-plugin --save-dev

Double Check the quasar.conf.js configuration

Make Sure you have i18n installed

The Setup is straight forward: The Extension will create a folder in the root of the app, /config. I already added some default settings change the following in /config/client.js:

  app: {
    businessName: "MyTest App", // Here
    businessDomain: "www.testapp.com", // Here DOMAIN
    businessAddress: "Test 123, Test TS 12345", // Not used
    businessEmail: "[email protected]", // not used
    businessImage:  "https://pbs.twimg.com/media/B6dQuW5IIAIgHCO?format=jpg&name=medium", // Here
    businessDescription: "Nostrud reprehenderit laboris sunt irure fugiat sit tempor." // Here
  },

Changes To to the current app.

- BACKUP YOUR FILES FIRST IF USING ON AN EXISTING PROJECT
+ This Extension will OVERRIDES the following:

** Added new feature in order to save values outside the app scope.
** Switched to using new lighter storage called **store2. 
** I have not used the full potential of the config yet, but it's a start.

 `/config` (Config Folder)
+ config/client
+ config/dev.js
+ config/prod.js
+ config/server.js

`src/boots` (Boot Files)
+ src/boot/axios.js
+ src/boot/i18n.js
+ src/boot/init-waelio.js

`src/components` (Components Folder)
+ src/components/LanguageSwitcher.vue
+ src/EssentialLink.vue
+ src/ProductComponent.vue
+ src/ServiceComponent.vue

`src/pages` (Pages Folder)
+ src/pages/AboutUs.vue
+ src/pages/ContactUs.vue
+ src/pages/Error404.vue
+ src/pages/Privacy.vue
+ src/pages/Products.vue
+ src/pages/Services.vue
+ src/Settings.vue
+ src/pages/Terms.vue
  
`src/mixins` (Mixins)
+ src/mixins/LangMixin.js
+ src/mixins/ModeMixin.js
+ src/mixins/WaelioMixin.js

`src/i18n` (Translations Folder)
English, Russian Arabic & Hebrew ~🕊️
+ src/i18n/index.js
+ src/i18n/messages/en-us.json
+ src/i18n/messages/ru.json
+ src/i18n/messages/ar.json
+ src/i18n/messages/he.json
  
`src/App.vue` 
+ src/App.vue  
  
`src/Layouts` (Override old one)
+ src/layouts/MainLayout.vue
  
`src/store` (Index and Modules)
+ src/store/index.js
+ src/store/modules/languages.js
+ src/store/modules/navigation.js
+ src/store/modules/services.js
  
`src/routes` (Updating Routes)
+ src/router/routes.js

Last but not least ...
+ Will REPLACE quasar.conf.js 🤦‍♂️

Don't forget to generate your icons, I already added the icongenie profile, just run:

icongenie g icongenie-Profile.json

Try this nifty tip:

bash ./.bashrc

OR

. ./.bashrc

Than enjoy these shortcuts:

ll='ls -w'
dev='quasar dev'
pwa='quasar dev -m pwa'
ssr='quasar dev -m ssr'
ios='quasar dev -m ios'
android='quasar dev -m android'
bdev='quasar build -m spa'
bpwa='quasar build -m pwa'
bssr='quasar build -m ssr'
nextp='npm verion patch'
nextm='npm verion minor'
nextmj='npm verion major'
npub='npm publish'
ypub='yarn publish'
linta='eslint --ext .js,.vue ./ "--fix"'

Test your bash type dev in your terminal

dev # will run the command quasar dev 

Uninstall

I Have not tried it yet, might work.

quasar ext remove waelio

Donate

If you appreciate the work that went into this App Extension, and time I saved you, please consider donating to Waelio.