Vue Revisited 2025: Difference between revisions
Jump to navigation
Jump to search
Created page with "=Introduction= Well a interview for a job means I need to revisit this. So hopefully I will learn new tricks. But first thing is I needed to install pygments 2.19 as that comes with a lexer for vue. To install this I made an python environment and installing it a there was no ubuntu package <syntaxhighlight lang="bash"> python3 -m venv /opt/mediawiki-venv source /opt/mediawiki-venv/bin/activate pip install pygments==2.19.0 </syntaxhighlight> Then set mediawiki to point t..." |
|||
| Line 8: | Line 8: | ||
Then set mediawiki to point to it | Then set mediawiki to point to it | ||
$wgPygmentizePath = "/opt/mediawiki-venv/bin/pygmentize"; | $wgPygmentizePath = "/opt/mediawiki-venv/bin/pygmentize"; | ||
=First off= | |||
Watching course on YouTube so will noted down anything but may duplicate. One of the things I liked about angular was it separated out the parts. That was before I did React for 5 years so now it is one thing I dislike now so that's a plus. My chosen weapon is tailwind for css but the good news is styles in Vue can be scoped so you can just use css if you want | |||
<syntaxhighlight lang="bash"> | |||
<style scoped> | |||
main { | |||
max-width: 800pc; | |||
margin: 1rem auto; | |||
} | |||
</style> | |||
</syntaxhighlight> | |||
Revision as of 00:22, 19 June 2025
Introduction
Well a interview for a job means I need to revisit this. So hopefully I will learn new tricks. But first thing is I needed to install pygments 2.19 as that comes with a lexer for vue. To install this I made an python environment and installing it a there was no ubuntu package
python3 -m venv /opt/mediawiki-venv
source /opt/mediawiki-venv/bin/activate
pip install pygments==2.19.0
Then set mediawiki to point to it
$wgPygmentizePath = "/opt/mediawiki-venv/bin/pygmentize";
First off
Watching course on YouTube so will noted down anything but may duplicate. One of the things I liked about angular was it separated out the parts. That was before I did React for 5 years so now it is one thing I dislike now so that's a plus. My chosen weapon is tailwind for css but the good news is styles in Vue can be scoped so you can just use css if you want
<style scoped>
main {
max-width: 800pc;
margin: 1rem auto;
}
</style>