Git Product home page Git Product logo

kirklin / boot-vue Goto Github PK

View Code? Open in Web Editor NEW
216.0 5.0 43.0 3.31 MB

Boot Vue is a lightning fast Vue 3 template with strongly typed TypeScript, UnoCSS, DaisyUI, Vue Router, Pinia, and Netlify support.

Home Page: https://boot-vue.vercel.app/

License: MIT License

JavaScript 4.21% Shell 0.97% HTML 9.00% Vue 44.80% TypeScript 39.28% CSS 0.36% Dockerfile 1.37%
vue vue-router tailwindcss tailwind-css tailwind-css-template tailwindcss-v3 pinia vueuse template vite

boot-vue's Introduction

Hello there! 👋🏻 I am Kirk Lin ! Meaow

Visitors

In the vast realm of technology, where innovation intertwines with unyielding pursuit, I, Kirk Lin, as a full-stack engineer, stand poised at the forefront. With ardor for advancement and a relentless spirit, I dedicate myself to constructing and refining the digital sphere. Firmly do I believe in the power of technology to propel societal progression, wherein each line of code constitutes a cornerstone of such advancement. In this epoch woven of data and algorithms, I am both creator and disciple, ceaselessly probing the fusion of commercial insight, philosophical rumination, and technical prowess to birth valuable artifacts.

My odyssey commenced with a fervent love for computer science, a passion that steered me into the depths of comprehensive learning, mastering the spectrum from front-end to back-end technologies. Enamored with comprehending user exigencies, I craft interfaces that marry aesthetics with utility, while ensuring backend logic remains efficient and robust. Beyond mere functional implementation, I pursue the zenith of user experience. For, in my estimation, each triumphant project emerges from unwavering pursuit of detail and relentless exploration of perfection.

In the realm of commerce, I embrace the methodology of diverse thought models, encouraging me to transcend disciplinary bounds, integrating knowledge from diverse domains to solve quandaries. I not only monitor technological evolution but delve into principles of economics, psychology, and philosophy, fostering a holistic perspective. Such interdisciplinary cogitation aids me in formulating incisive and efficacious strategies when confronting complex quandaries.

My thirst for knowledge stems from an inexhaustible curiosity about the world. I am keenly aware that every grand invention and innovation rests upon a solid foundation of knowledge. Thus, I continually expand my intellectual frontiers through reading, online courses, and practical projects to acquire proficiency in novel programming languages and frameworks. I hold faith in learning as an endless voyage, each endeavor a step towards self-betterment.

Whilst pursuing personal growth, I remain cognizant of my duty to society. I contend that technology ought to serve humanity, aiding in the resolution of real-world predicaments. Hence, I engage in various societal initiatives, leveraging my technical acumen to support non-profit organizations, facilitating their endeavors to effect societal change. Such experiences have elucidated that the power of technology lies not solely in birthing new products but also in effecting societal metamorphosis.

In my leisure time, I am fervent about photography, capturing the fleeting moments of beauty that the world has to offer through the lens of my camera. This not only hones my observational skills but also allows me to appreciate life from various perspectives. My later-found love for "Dream of the Red Chamber" has profoundly shifted my perspective; literature has taught me to set aside judgmental views, embracing a more tolerant and understanding approach towards the choices and destinies of each character. "Dream of the Red Chamber" has made me realize that everyone has their own story, and behind every decision lies a tapestry of complex emotions and motivations. These hobbies have not only enriched my life but also provided me with a wealth of new inspiration and creativity.

Upon the path ahead, I shall persist in my ethos of innovation, diverse cogitation, and lifelong learning, ceaselessly exploring and challenging myself. I shall continue to seek inspiration at the juncture of technology, commerce, and philosophy, birthing products and services capable of reshaping the world. I hold faith that through perpetual learning and practice, I can contribute my share to this ever-evolving world and, alongside kindred spirits, coalesce in fashioning a brighter future.

作为一名全栈开发工程师,我站在技术的前沿,以创新的精神和不懈的追求,致力于构建和完善数字世界。我深信,技术的力量能够推动社会的进步,而代码的每一行,都是构建这一进步的基石。在这个由数据和算法编织的时代,我既是创造者,也是学习者,不断探索如何将商业洞察、哲学思考与技术实践相结合,以创造出有价值的产品。

我的旅程始于对计算机科学的热爱,这一热情引领我深入学习,掌握了从前端到后端的全栈技术。我热衷于理解用户需求,设计出既美观又实用的界面,同时确保后端逻辑的高效与稳定。我追求的不仅仅是功能的实现,更是用户体验的极致。在我看来,每一个成功的项目,都是对细节的不懈追求和对完美的不断探索的结果。

在商业领域,我采纳了多元思维模型的方法,这种方法鼓励我跨越学科的界限,整合不同领域的知识来解决问题。我不仅关注技术的发展,也深入研究经济学、心理学和哲学等领域的原理,以形成全面的视角。这种跨学科的思维方式帮助我在面对复杂问题时,能够提出独到而有效的策略。

我对知识的渴望源自于对世界无尽的好奇。我深知,每一个伟大的发明和创新都建立在坚实的知识基础之上。因此,我不断地扩展我的知识边界,通过阅读、在线课程和实践项目来学习新的编程语言和技术框架。我相信,学习是一个永无止境的过程,每一次学习都是对自我能力的一次提升。

在追求个人成长的同时,我也不忘对社会的贡献。我相信,技术应该服务于社会,帮助解决现实世界的问题。因此,我参与了多个社会项目,利用我的技术知识为非营利组织提供支持,帮助他们更有效地实现社会影响。这些经历让我意识到,技术的力量不仅仅在于创造新产品,更在于它能够带来的社会变革。

业余时间,我热衷于摄影,通过镜头捕捉世界的瞬间美好,从不同角度欣赏生活。后来爱上了《红楼梦》,文学带给我最大的变化是:我学会了放下批判的眼光,转而以一种更加宽容和理解的心态去看待每一个人物的选择和命运。《红楼梦》让我认识到,每个人都有自己的故事,每个选择背后都有其复杂的情感和动机。这些爱好丰富了我的生活,也为我带来了新的灵感和创造力。

在未来的道路上,我将继续以创新精神、多元思维和终身学习的态度,不断探索和挑战自我。我将继续在技术、商业和哲学的交汇处寻找灵感,创造出能够改变世界的产品和服务。我相信,通过不断的学习和实践,我能够为这个不断变化的世界贡献我的力量,并与志同道合的人们一起,共同创造一个更加美好的未来。

GIF

  • 💼 any freelance work? do reach :)
  • 💬 ask me about anything, I am happy to help
  • 💼 有自由职业工作需求或者兼职请随时联系我 :)
  • 💬 有任何问题,请随时向我提问,我乐意帮助

languages and tools:


if you like what i do, maybe consider buying me a book 🥺

Buy Me A Coffee

如果您喜欢我的工作,也许可以考虑给我买一本书 🥺
爱发电

boot-vue's People

Contributors

kirklin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

boot-vue's Issues

移动端语言设置和主题设置点击空白处不会自动收起下拉框

Describe the bug

在移动端时,点击语言设置和主题设置后,再点击空白处的时候,不会自动收起

Reproduction

1

System Info

1

Validations

  • Follow our Code of Conduct
  • Read the Contributing Guide.
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
  • The provided reproduction is a minimal reproducible of the bug.

Error with missing xdg-utils package

Describe the bug/issue

I had a problem installing vite-boot on multiple servers and the issue were not that obvious to find.
You need the package xdg-utils in order to be able to serve your project (error arriving when running dev) which is not the case in many non gui environnements like servers.
To correct this you just have to install it with your prefered system package manager :
$ apt install xdg-utils --fix-missing
Hope this helps !

Update docs on split deployment

Clear and concise description of the problem

Hello Thanks for building this project 😄 !

I used your template to build own UI. As the project grows, we are considering splitting the biz logic across several projects and deploying them as separate containers.

I remember a guide in your repo on how to deploy split services under a parent service, smth like:

Big Service >>

... Service A
... Service B

Now I don't see it anymore. Could you share a link to that guide please 🤝

Suggested solution

Update documentation

Alternative

No response

Additional context

No response

Validations

theme transition animation causes theme switching failure in certain browsers 主题切换动画导致部分浏览器主题切换失败

Describe the bug

在尝试切换主题时,主题切换动画在某些浏览器中表现异常,导致主题切换失败。
When attempting to switch themes, the theme transition animation behaves unexpectedly in certain browsers, leading to a failure in theme switching.

Reproduction

  1. 在苹果的Safari浏览器(或其他受影响的浏览器)中打开应用程序。
    Open the application in Apple's Safari browser (or any other affected browser).
  2. 导航到设置或首选项部分,该部分提供主题切换功能。
    Navigate to the settings or preferences section where theme switching is available.
  3. 从可用选项中选择不同的主题。
    Select a different theme from the available options.
  4. 观察主题切换过程中的动画行为。
    Observe the behavior of the theme transition animation during the switch.
  5. 注意主题切换过程中遇到的任何错误或异常。
    Note any errors or anomalies encountered during the theme transition process.
  6. 检查是否成功应用所选主题或者切换失败。
    Check if the selected theme is correctly applied or if the switch fails.

System Info

MacBook Safari浏览器

Expected Behavior (期望行为):

主题切换动画应在所有浏览器中平稳切换主题,无论使用何种浏览器。主题切换完成后,所选主题应正确应用。
The theme transition animation should smoothly switch between themes without any errors or glitches, regardless of the browser being used. The selected theme should be applied consistently after the transition.

Additional Information (附加信息):

经过调查,发现该问题与使用document.startViewTransition进行主题切换有关。在某些浏览器中不支持该方法,导致报告的动画错误,最终导致主题切换过程失败。
Upon investigation, it appears that the issue is related to the usage of document.startViewTransition for theme transitions. This method is not supported in some browsers, leading to the reported animation errors and ultimately causing the theme switching process to fail in those environments.

Possible Solution (可能解决方案):

可能的解决方案包括实现备用机制或替代方案来进行主题切换,以确保在不支持document.startViewTransition的浏览器中也能平稳切换主题。此外,可以在应用动画之前检查该方法的可用性,以防止出现错误。
A potential solution could involve implementing a fallback mechanism or alternative approach for theme transitions, which ensures smooth theme switching across different browsers, including those where document.startViewTransition is not supported. Additionally, it might be beneficial to check for the availability of this method before applying the animation, to prevent errors from occurring.

Validations

  • Follow our Code of Conduct
  • Read the Contributing Guide.
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
  • The provided reproduction is a minimal reproducible of the bug.

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.