Code Monkey home page Code Monkey logo

qmaterialwidgets-docs's Introduction

QMaterialWidgets-Docs

The online documentation of QMaterialWidgets.

Quick Start

  1. Install dependencies

    cd dev
    npm install
  2. Launch local server

    npm run dev
  3. Check the docs on http://127.0.0.1:8080

How to Contribute

  1. Fork this repo

  2. Translate markdown docs

    1. Create a new directory in dev named the abbreviation for the translated language, i.e jp
    2. Copy files in dev/docs folder to dev/jp and translate *.md files
  3. Translate config files

    1. Create a new directory, i.e. dev/.vuepress/config/jp

    2. Copy files in config/en to config/jp and translate *.js files

    3. Import the translated config to config/index.js:

      import * as zhConfig from './zh'
      import * as enConfig from './en'
      import * as jpConfig from './jp' // ADDED
      
      
      export const themeConfig = {
          locales: {
              '/': {
                  selectLanguageText: 'Languages',
                  selectLanguageName: 'English',
                  ...enConfig,
              },
              '/zh/': {
                  selectLanguageText: '选择语言',
                  selectLanguageName: '简体中文',
                  ...zhConfig,
              },
      
              /* ADDED */
              '/jp/': {
                  selectLanguageText: '言語',
                  selectLanguageName: '日本語',
                  ...jpConfig,
              },
          },
      
          // Don't modify other config items
      }
    4. Add language to dev/.vuepress/config.ts

       export default defineUserConfig({
          locales: {
            '/': {
              lang: 'English',
              title: 'QMaterialWidgets',
              description: "QMaterialWidgets - Material Design Components Library",
            },
            '/zh/': {
              lang: '简体中文',
              title: "QMaterialWidgets",
              description: "QMaterialWidgets - Material Design 风格组件库",
            },
      
            /* ADDED */
            '/jp/': {
              lang: '日本語',
              title: 'QMaterialWidgets',
              description: "QMaterialWidgets - Material Designスタイルコンポーネントライブラリ",
            },
          },
      
          // Don't modify other config items
        });
  4. Create a pull request.

Add your project to showcase

You can open an issue and provide the information of your project like this:

{
    name: 'QMaterialWidgets',
    description: 'Material Design 风格组件库',
    cover: 'https://cdn.staticaly.com/gh/qfluentwidgets/picx-images-hosting@master/20230824/QMaterialWidgets.v1z65mb7568.webp',
    url: 'https://github.com/zhiyiYo/QMaterialWidgets'
}

FAQ

  • usePageFrontmatter() is called without provider?

    Re: Try npx vp-update

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.